next-best-practices

React Server Component boundaries in Next.js are defined by separating server-only data fetching logic from client-side interactivity using the 'use client' directive. This Skill guides establishing correct RSC boundaries to enforce code quality and maintain optimal rendering patterns.

Best practices for Next.js data fetching involve leveraging React Server Components for direct database or API access and properly managing async patterns. This Skill provides guidance on structuring these data fetching workflows to ensure scalable application architecture.

Next.js optimization for images, fonts, and scripts is handled through built-in components and strategic script loading configurations. This Skill details specific optimization techniques to improve web performance and overall application loading efficiency.

Runtime selection and metadata handling in Next.js require configuring specific execution environments for your routes and properly exporting metadata for SEO. This Skill addresses how to manage runtime selection and metadata handling to adhere to modern development standards.

These Next.js best practices can be applied to existing projects to refactor file conventions and RSC boundaries, though they are particularly effective for teams starting new projects. This Skill helps establish consistent coding standards and avoid common pitfalls regardless of project age.

Error management in Next.js is recommended through specific file conventions that catch unexpected UI errors gracefully. This Skill covers error management techniques alongside API usage to ensure robust, maintainable application behavior.