Next.js App Router Guide

A comprehensive guide to building modern Next.js applications with the App Router, server components, and streaming.

Usage

Ask about Next.js App Router patterns, server components, data fetching, or routing strategies.

Examples

• "Set up nested layouts with shared navigation"
• "How do I fetch data in a server component?"
• "When should I use 'use client' directive?"

Guidelines

• Default to server components unless you need interactivity
• Use loading.tsx for streaming Suspense boundaries
• Colocate data fetching with the components that need it
• Use route groups for layout organization without URL impact
• Prefer server actions for form mutations