next-best-practices

Enforce Next.js App Router best practices across codebases.

Updated Nov 26, 2025
One-click install
npx skills add https://github.com/Aias/dotfiles --skill next-best-practices-aias
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: next-best-practices
Source: https://github.com/Aias/dotfiles/tree/main/.agents/skills/next-best-practices
Command: npx skills add https://github.com/Aias/dotfiles --skill next-best-practices-aias

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides concise, battle-tested guidance for designing and reviewing Next.js App Router implementations, reducing misconfigurations and tricky data flow issues.

Core Features & Use Cases

  • File conventions, RSC boundaries, and data-fetching patterns guidance for Next.js apps.
  • Guidance on server actions, route handlers, metadata, images, fonts, and bundling decisions.
  • Real-world scenarios and patterns to apply when structuring app routes, layouts, and components.

Quick Start

Review your Next.js App Router setup and apply the recommended best practices to improve reliability and performance.

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 data fetching in Next.js App Router?

Next.js App Router data fetching best practices involve enforcing proper React Server Component boundaries and applying specific patterns for fetching data to reduce tricky data flow issues and misconfigurations.

How do I structure server actions and route handlers in Next.js?

Structuring server actions and route handlers in Next.js requires following battle-tested guidance to ensure correct RSC boundaries, reliable data flow, and proper metadata handling across your app routes.

When should I use Suspense boundaries for bundling decisions in Next.js?

Suspense boundaries for bundling decisions in Next.js should be used when structuring app layouts and components to optimize performance, guided by specific real-world scenarios and pattern recommendations.

Does this guidance apply to existing Next.js App Router projects?

Yes, this guidance applies to existing Next.js App Router projects by reviewing your current setup, checking content and dependencies for safety, and applying recommended best practices across layouts and routing patterns.

Why am I hitting data flow issues with my Next.js App Router layouts?

Data flow issues with Next.js App Router layouts often arise from misconfigurations in file conventions or RSC boundaries, which can be resolved by applying concise, battle-tested structural guidance.