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.
• Use functional and declarative programming patterns; avoid classes.
• Prefer iteration and modularization over code duplication.
• Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError).
• Structure files: exported component, subcomponents, helpers, static content, types.

State Management

• Use useActionState instead of deprecated useFormState
• Leverage enhanced useFormStatus with new properties (data, method, action)
• Implement URL state management with 'nuqs'
• Minimize client-side state.

Async Request APIs

// Always use async versions of runtime APIs
const cookieStore = await cookies()
const headersList = await headers()
const { isEnabled } = await draftMode()

// Handle async params in layouts/pages
const params = await props.params
const searchParams = await props.searchParams

Data Fetching

• Fetch requests are no longer cached by default
• Use cache: 'force-cache' for specific cached requests
• Implement fetchCache = 'default-cache' for layout/page-level caching