next-best-practices

The best way to fetch data in Next.js App Router is by using React Server Components. This Skill guides you in choosing between Server Components, Server Actions, and Route Handlers to prevent data waterfalls and ensure efficient fetching.

To avoid invalid React Server Component boundaries in Next.js, you must correctly separate server-only logic from client interactivity. This Skill helps detect and prevent invalid RSC patterns to ensure your component boundaries are properly maintained.

Route Handlers and Server Actions serve different data mutation needs in Next.js. This Skill provides guidelines on choosing the correct pattern for your data fetching and mutations based on your specific application requirements.

To implement error handling in Next.js, you use error.tsx for route-level boundaries and global-error.tsx for root-level recovery. This Skill outlines robust strategies for catching and resolving runtime errors effectively.

Optimization best practices for images and fonts in Next.js involve leveraging built-in components to reduce load times. This Skill details how to apply these optimization techniques correctly for images, fonts, and scripts.

Yes, this Next.js best practices guidance covers file conventions. It explains how to understand and apply Next.js's file-based routing and special file conventions to ensure maintainable code.