next-best-practices

The best way to pass data across RSC boundaries in Next.js is to ensure props are serializable. This Skill detects invalid Server Component patterns and non-serializable props, providing clear guidelines to prevent common boundary errors.

Choosing the right data fetching pattern in Next.js depends on your mutation needs. This Skill outlines when to use Server Components, Server Actions, or Route Handlers to handle data fetching and mutations optimally.

Handling Next.js errors requires effective error boundaries and navigation error strategies. This Skill provides structured guidance on implementing these patterns to improve application robustness and maintainability.

You need Next.js file conventions to structure project directories, route segments, and special files correctly. This Skill helps you understand and apply these structural standards for better developer efficiency.

Applying Next.js optimization involves following specific best practices for images, fonts, and scripts. This Skill enforces these modern standards to help you achieve improved application performance and quality.