next-best-practices

Codify Next.js App Router best practices into a reusable SKILL.md unit.

Updated Feb 17, 2026
One-click install
npx skills add https://github.com/Fabianrzs/car-wash --skill next-best-practices-fabianrzs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: next-best-practices
Source: https://github.com/Fabianrzs/car-wash/tree/main/.agents/skills/next-best-practices
Command: npx skills add https://github.com/Fabianrzs/car-wash --skill next-best-practices-fabianrzs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Centralize Next.js best practices into a single, authoritative guide to reduce drift and raise code quality across teams.

Core Features & Use Cases

  • Guidelines cover App Router file conventions, React Server Component boundaries, data-fetching patterns, async APIs, metadata, error handling, route handlers, image and font optimization, and bundling.
  • Useful for onboarding, code reviews, architecture audits, and refactoring toward consistent patterns.
  • Scenarios include enforcing correct server/client boundaries, consistent metadata usage, and robust route handling across projects.

Quick Start

Audit a Next.js project against the documented best practices and update the codebase accordingly.

Frequently Asked Questions about next-best-practices

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I standardize metadata and error handling across a Next.js project?

Audit a Next.js project by checking it against documented guidelines covering App Router file conventions, async APIs, route handlers, and image or font optimization, then update the codebase to match.

Can I use these Next.js best practices for onboarding and code reviews?

Yes, these Next.js best practices are designed for onboarding, code reviews, and architecture audits, providing an authoritative guide to enforce consistent metadata usage and robust route handling across teams.

Does this guide cover data fetching patterns and async APIs in Next.js?

Yes, the guide covers Next.js data-fetching patterns and async APIs, detailing how to structure React Server Component boundaries and route handlers for consistent data retrieval and metadata management.

What is the best way to optimize images and fonts in a Next.js App Router project?

The best way to optimize images and fonts in Next.js is by following codified App Router best practices that enforce correct bundling, consistent metadata, and standardized optimization techniques across the project.