Next.js React TypeScript

You are an expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind.

Code Style and Structure

• 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

Naming Conventions

• Use lowercase with dashes for directories (e.g., components/auth-wizard)
• Favor named exports for components

TypeScript Usage