next-best-practices

Consolidate Next.js best practices into a formal Skill unit.

Updated Aug 23, 2026

Search Tags:#metadata #nextjs #best-practices #bundling #server-components #image-optimization #route-handlers

Ready to run

npx skills add https://github.com/znarfm/vet --skill next-best-practices-znarfm

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: next-best-practices
Source: https://github.com/znarfm/vet/tree/main/.agents/skills/next-best-practices
Command: npx skills add https://github.com/znarfm/vet --skill next-best-practices-znarfm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Consolidates Next.js best practices into a formal Skill unit to standardize project architecture and reduce drift across teams.

Core Features & Use Cases

Coverage spans file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, and image/font optimization.
Useful for new projects or refactors to align code with proven patterns and accelerate onboarding.
Example: implement the guide to harmonize routing, caching, and metadata across a Next.js app.

Quick Start

Audit your Next.js project against this guide and implement the recommended patterns across pages.

Frequently Asked Questions about next-best-practices

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

FAQPage Schema

What are the best practices for Next.js Server Components and data patterns?▼

Next.js best practices standardize RSC boundaries and data patterns to prevent architecture drift. Apply these conventions to separate client and server logic, ensuring correct async API usage and metadata generation across your application.

How do I optimize images and fonts in a Next.js application?▼

Optimize images and fonts in Next.js by applying standardized patterns for bundling and asset handling. This guide defines specific architectural conventions to align your project with proven optimization techniques for media delivery.

How do I structure Next.js route handlers and file conventions correctly?▼

Structure Next.js route handlers and file conventions by auditing your project against formalized best practices. This standardizes project architecture, harmonizing routing, caching, and error handling across pages.

Does this Next.js best practices guide work for refactoring existing projects?▼

Yes, these Next.js best practices work for refactoring existing projects and onboarding new ones. Apply the guide to align code with proven patterns, reducing drift and accelerating team onboarding across your application.

What is the best way to handle error handling and metadata generation in Next.js?▼

Handle error management and metadata generation by consolidating Next.js best practices into a formal unit. This approach standardizes your project architecture, ensuring safe content through toxicity checks and consistent patterns.