What problem does it solve?
This Skill provides a comprehensive guide to best practices in Next.js development, optimizing performance and code quality.
Core Features & Use Cases
- File Conventions: Learn and implement best file organization and naming conventions for maintainable Next.js projects.
- RSC Boundaries: Avoid common pitfalls in Server and Client Component interactions to ensure seamless performance.
- Async Patterns: Navigate the new async APIs in Next.js 15+ for efficient data handling.
- Runtime Selection: Understand when and how to use the Node.js and Edge runtimes.
- Directives: Use React and Next.js directives effectively for better component management.
- Error Handling: Implement robust error handling for a smooth user experience.
- Data Patterns: Choose the right data fetching strategy for your Next.js application.
- Route Handlers: Create API endpoints efficiently with
route.ts files.
- RSC Boundaries: Prevent common issues when transitioning between Server and Client components.
- Parallel & Intercepting Routes: Implement modal patterns with parallel and intercepting routes.
- Self-Hosting: Deploy Next.js outside of Vercel with best practices.
- Debug Tricks: Speed up debugging with advanced techniques.
- Hydration Errors: Diagnose and fix common issues with React hydration.
Quick Start
To start learning Next.js best practices, navigate to the 'file-conventions.md' file within the skill unit.
