Next Route Map examples
Paste an app directory tree and inspect routes, dynamic params, and route handler coverage.
App Router tree
Pages, route handlers, dynamic params, catch-all params, and route groups.
app/page.tsx app/(marketing)/pricing/page.tsx app/blog/[slug]/page.tsx app/docs/[...slug]/page.tsx app/api/users/route.tsOpen example
Nested source paths
A src/app project with optional catch-all and API route handlers.
src/app/page.tsx src/app/shop/[[...category]]/page.tsx src/app/products/[id]/page.tsx src/app/api/checkout/route.tsOpen example
Use these examples with guides
Next.js Route Map tool
Paste an App Router tree and generate routes, dynamic params, route handlers, and typed hints.
Next.js App Router route map
Map pages, route handlers, dynamic params, catch-all routes, and QA route coverage.
Validate route params with Zod
Parse App Router params and search params with Zod before using them in pages or route handlers.
Next Metadata for route pages
Generate page metadata once routes and canonical paths are known.