nextjs-app-router-routing git:20260621.2caaeccA

Immutable. This exact content is served forever at /api/v1/blob/705093b2d1bd47eb.

---
name: nextjs-app-router-routing
description: Plan and implement Next.js App Router routing for premium websites and apps. Use when working with app/ routes, pages, layouts, templates, loading, error, not-found files, route groups, dynamic segments, nested navigation, Link usage, or homepage structure in a Next.js project.
---

# Next.js App Router Routing

## Use This Skill

Use this skill for plan next.js app router pages, layouts, and route files.

## Operating Contract

1. Inspect the existing project before changing code.
2. Identify the router/framework, entry files, styling system, and interaction system.
3. Keep premium visual standards active: no generic copy, no default-looking UI, no unfinished states.
4. Follow existing project conventions unless a change clearly improves the result.
5. Run available checks and visually inspect responsive output when the change affects UI.

## Required Reference

Read [references/nextjs-app-router-routing-guide.md](references/nextjs-app-router-routing-guide.md) before making architectural or visible UI changes with this skill.