next-best-practices

Codify Next.js conventions for file structure, RSC boundaries, and data patterns.

Updated Dec 5, 2024
One-click install
npx skills add https://github.com/yeohj0710/wellnessbox --skill next-best-practices-yeohj0710
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: next-best-practices
Source: https://github.com/yeohj0710/wellnessbox/tree/main/.agents/skills/next-best-practices
Command: npx skills add https://github.com/yeohj0710/wellnessbox --skill next-best-practices-yeohj0710

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Centralizes and clarifies Next.js conventions and practices to improve code quality, consistency, and maintainability across projects.

Core Features & Use Cases

  • File conventions & routing standardizes project structure and route patterns.
  • RSC boundaries & data patterns prevents client/server misuse and optimizes data fetching.
  • Metadata, error handling, and route handlers guides robust UI and API design with best practices.

Quick Start

Audit your Next.js codebase against the guide and begin applying the listed conventions in new and existing components.

Frequently Asked Questions about next-best-practices

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

FAQPage Schema
How do I enforce Next.js best practices for server components and data patterns?

Enforcing Next.js best practices for server components involves codifying conventions that prevent client/server misuse and optimize data fetching boundaries. This establishes robust RSC boundaries and consistent data patterns across your project.

What are the standard Next.js file conventions for routing and project structure?

Standard Next.js file conventions for routing standardize project structure and route patterns. Applying these conventions ensures consistency and maintainability across your Next.js application's file system.

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

To optimize images and fonts in a Next.js application, apply codified best practices for image and font optimization. This ensures assets are bundled and delivered efficiently according to established conventions.

Does this guide cover best practices for Next.js route handlers and metadata?

Yes, this guide covers Next.js route handlers and metadata by providing deterministic operational instructions. It guides robust UI and API design with best practices for error handling and metadata management.

What is the best way to audit an existing Next.js codebase for best practice violations?

The best way to audit a Next.js codebase for best practice violations is to check it against a centralized guide of conventions. Review file conventions, RSC boundaries, and bundling to improve code quality.