next-best-practices

The best way to fetch data in Next.js Server Components is by using async request scopes directly within the component. This Skill guides you through choosing between Server Components, Server Actions, and Route Handlers to ensure efficient data retrieval.

Managing React Server Component boundaries involves correctly separating server and client logic. This Skill helps you detect and prevent invalid RSC patterns by understanding directives and runtime selection for robust application architecture.

Server Actions are ideal for mutations and form submissions directly within Server Components, while Route Handlers handle API endpoints. This Skill details data patterns to help you select the right strategy for your specific use case.

Optimizing images and bundling in Next.js requires utilizing built-in components and configuration tools. This Skill covers optimization strategies for images, fonts, and bundling to improve your application's performance and maintainability.

Next.js file conventions dictate project structure, routing, and special file roles. This Skill provides comprehensive guidance on understanding these conventions to build maintainable and well-structured applications.

Invalid pattern errors in Next.js Server Components usually occur when client-side logic breaches the RSC boundary. This Skill helps you address error handling and debugging tricks to resolve runtime selection and directive issues.