next-best-practices

Provide structured Next.js best-practice guidelines and checklists for app architecture, routing, data fetching, metadata, and performance.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/SatohaCC/nextjs-mdx-blog --skill next-best-practices-satohacc
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: next-best-practices
Source: https://github.com/SatohaCC/nextjs-mdx-blog/tree/main/.agents/skills/next-best-practices
Command: npx skills add https://github.com/SatohaCC/nextjs-mdx-blog --skill next-best-practices-satohacc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill consolidates Next.js best-practice guidance into a single, navigable unit to help teams standardize architecture and improve maintainability across apps.

Core Features & Use Cases

  • File Conventions: guidance on project structure, route files, and naming conventions to reduce onboarding time.
  • RSC Boundaries & Data Patterns: rules for Server Components, Server Actions, and data-fetching strategies to minimize waterfalls and optimize rendering.
  • Runtime & Directives: guidance on runtime selection, React directives, and caching concepts to optimize performance and reliability.

Quick Start

Review the included markdown guides to implement robust Next.js patterns across your project.

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 structuring Next.js app routing and file conventions?

Next.js best practices for app routing involve structured file conventions and naming rules to standardize project architecture, reduce onboarding time, and improve maintainability across small components and large applications.

How do I define RSC boundaries and data fetching patterns in Next.js?

Defining RSC boundaries requires applying specific rules for Server Components, Server Actions, and data-fetching strategies to minimize request waterfalls and optimize rendering performance across your Next.js application.

When do I need specific React directives and runtime selection in Next.js?

You need React directives and runtime selection in Next.js when optimizing performance and reliability, applying guidance on caching concepts and runtime environments to ensure safe, scalable coding patterns.

Can I use these Next.js best practices for both small components and large apps?

Yes, these Next.js best practices apply across projects from small components to large apps, providing modular documentation, explicit frontmatter, and safe, scalable coding patterns for robust applications.

What is the best way to manage metadata in Next.js projects?

The best way to manage metadata in Next.js is by following structured best-practice guidelines and checklists that organize guidance for robust app architecture and improved maintainability.