What problem does it solve?
This Skill provides guidance and best practices for building Next.js applications, helping developers optimize performance, maintainability, and developer experience.
Core Features & Use Cases
- File Conventions: Offers guidelines on project structure and file naming conventions.
- RSC Boundaries: Helps identify and correct invalid React Server Component patterns.
- Async Patterns: Walks through Next.js 15+ async API changes and best practices.
- Runtime Selection: Explains when to use Node.js or Edge runtime.
- Directives: Describes how to use React and Next.js directives effectively.
- Functions: Details navigation hooks, server functions, and generate functions.
- Error Handling: Provides best practices for error handling and redirecting.
- Data Patterns: Offers guidelines on data fetching patterns and best practices.
- Route Handlers: Explains how to create API endpoints with
route.ts files.
- Bundling: Provides information on fixing common bundling issues with third-party packages.
- Scripts: Offers best practices for loading third-party scripts in Next.js.
- Self-Hosting: Guides on deploying Next.js outside of Vercel.
- Hydration Errors: Diagnoses and fixes React hydration mismatch errors.
- Suspense Boundaries: Explains the use of Suspense boundaries in static routes.
- Parallel & Intercepting Routes: Offers guidance on implementing modal patterns with parallel and intercepting routes.
Quick Start
Use the next-best-practices skill to review the best practices for your Next.js application.
