nextjs-react-typescript

Expert guidance for building Next.js applications with TypeScript, React Server Components, and modern UI libraries. You are an expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind. - Covers TypeScript best practices, functional component patterns, and Next.js App Router architecture with emphasis on Server Components over client-side rendering - Recommends Shadcn UI, Radix UI, and Tailwind CSS for component building and responsive design using mobile-first approach - Includes performance optimization strategies: dynamic loading, image optimization with WebP, Web Vitals monitoring, and strategic use of Suspense boundaries - Advocates for nuqs for URL search parameter state management and minimal use of 'use client' directives, reserving them for Web API access only - Write concise, technical TypeScript code with accurate examples - Employ functional and declarative programming patterns; steer clear of classes - Prioritize iteration and modularization over code duplication - Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError) - Organize files: exported component, subcomponents, helpers, static content, types - Use lowercase with dashes for directories (e.g., components/auth-wizard) - Favor named exports for components - Use TypeScript for all code; prefer interfaces over types - Avoid enums; use maps instead -...