next-best-practices

Next.js App Router best practices involve standardizing file conventions, Server Component boundaries, and metadata workflows to reduce inconsistencies. Teams apply these guidelines across onboarding and code reviews to align on architecture before building features.

Defining RSC boundaries and async patterns requires separating Server Components from client interactions and correctly awaiting asynchronous data fetching. This Skill provides reference patterns to ensure data fetching and UI rendering remain performant and predictable.

No specific dependencies are required; you only need standard Node.js tooling. The Skill ships with Markdown topic files covering file conventions, route handlers, and bundling, requiring no external libraries to integrate into your Next.js project.

Server Actions handle mutations and form submissions directly within Server Components, while Route Handlers expose HTTP endpoints for API routes. This Skill provides reference patterns to codify when to apply each mechanism for optimal UI performance and data fetching.

Optimizing images and fonts in Next.js involves applying built-in components and async loading patterns to minimize layout shift. This Skill includes dedicated markdown guidelines for image and font optimization to standardize UI performance across your project.