next-best-practices

Next.js data fetching best practices involve choosing between Server Components, Server Actions, and Route Handlers based on your specific rendering and mutation requirements. This Skill guides selecting the appropriate data pattern for efficient application development.

To prevent invalid React Server Component boundaries, you must correctly structure your file conventions and understand the directives separating client and server code. This Skill helps detect and prevent invalid RSC patterns for robust development.

Implement robust Next.js error handling by utilizing error.tsx and global-error.tsx special files to catch and manage runtime errors gracefully. This Skill provides solutions for robust error handling within your application's file conventions.

Use Next.js image and font optimization during the bundling phase to ensure maximum performance and web development efficiency. This Skill covers best practices for applying these optimizations and managing your runtime selection.

Next.js metadata handling relies on specific special files and project structure conventions to manage SEO and rendering directives correctly. This Skill details how to leverage file conventions for optimal metadata implementation.