next-best-practices

Next.js best practices dictate clearly separating server and client component boundaries to optimize data fetching and rendering. This Skill identifies standard RSC patterns to improve application reliability, performance, and maintainability across your projects.

To optimize images and fonts in Next.js, apply standard guidance for asset handling and bundling. This Skill provides centralized reference patterns for image and font optimization to ensure scalable application performance.

The best way to handle Next.js routing and metadata is by following established file conventions and route handler patterns. This Skill guides routing decisions and metadata application to standardize architectural choices and improve project maintainability.

Fixing Next.js hydration errors and managing suspense boundaries requires applying specific debugging tricks and standard error handling patterns. This Skill offers guidance on resolving hydration issues and correctly placing suspense boundaries for reliable rendering.

Yes, this Next.js best practices guide supports self-hosting configurations and team onboarding by providing a centralized reference for standard patterns and anti-patterns. It helps new members align with proven architectural decisions quickly.

You should use parallel routes in Next.js when handling complex routing decisions that require independent simultaneous rendering. This Skill helps identify when to apply parallel routes and other file conventions to ensure scalable application architecture.