next-best-practices

The best way to fetch data in the Next.js App Router depends on your use case, utilizing React Server Components, Server Actions, or Route Handlers. This Skill guides you in selecting the optimal pattern for performance and maintainability.

To handle React Server Component boundaries, you must correctly separate server and client directives to prevent invalid patterns. This Skill helps detect and resolve boundary violations to ensure modern Next.js standards.

Implementing error handling in a Next.js application requires robust error boundaries and graceful error management. This Skill provides actionable guidance for handling production environment errors effectively.

To optimize images and fonts in Next.js, leverage built-in image and font optimization features alongside bundling techniques. This Skill ensures adherence to modern performance standards for optimal loading.

Using parallel and intercepting routes in Next.js is ideal for advanced routing scenarios like modals. This Skill covers these special file conventions alongside route handlers to structure complex application flows.

Yes, this Next.js best practices guidance covers self-hosting, runtime selection, and directives. It provides comprehensive standards for configuring your deployment and choosing the correct execution environment.