nextjs-frontend

Next.js 14 App Router uses server components by default for data fetching and rendering, adding client components only when state or interactivity is required. This skill provides reference templates for implementing these frontend patterns with TypeScript strict mode.

Migrating to App Router conventions involves adopting new layout files and routing strategies to replace legacy pages. This skill provides structured guidance for standardizing Next.js 14 route structures, TypeScript usage, and Tailwind CSS integration during migration.

Yes, this Next.js App Router skill specifically supports Tailwind CSS integration and TypeScript strict usage. It provides component templates and frontend patterns that enforce these styling and typing conventions within your application.

Add data-testid attributes to Next.js UI components by following standardized frontend patterns for testing selectors. This skill outlines specific data-testid conventions to ensure consistent query targeting across server and client components.

Use client components instead of server components in Next.js only when you need interactivity, state, or browser APIs. This skill provides reference knowledge to help standardize these architectural choices and maintain server components by default.