next-best-practices

Next.js App Router best practices involve following file conventions, defining RSC boundaries, implementing proper data patterns, and optimizing images and fonts for better performance. This skill consolidates these conventions into actionable guidance.

Server actions and route handlers in Next.js should follow specific patterns for data mutations and API routes. This skill provides structured guidance and practical examples to ensure correct implementation within the App Router.

You should use generateMetadata for SEO and dynamic metadata generation, and Suspense for streaming UI components in Next.js. This skill outlines when to apply these concepts to improve application performance and data handling.

Yes, you can ask this skill to review a Next.js project and generate a concise set of best-practices recommendations. It analyzes routing, metadata, error handling, and bundling to identify areas for improvement.

Handling async APIs and errors in Next.js requires specific data patterns and boundary definitions. This skill provides centralized rules for managing RSC boundaries and error handling to streamline your App Router codebase.