nextjs-route-visualizer

To visualize Next.js App Router structure, you map the project context from src/app to generate a route tree. This reveals the architecture of pages, layouts, and API routes to help you reason about large applications.

You map API endpoints and middleware in a Next.js application by extracting and cataloging handlers from src/app/api. This process also maps middleware to detect protected versus public routes.

Yes, you can detect cache strategies for Next.js routes. The visualization process includes cache strategy awareness to identify whether routes are static, dynamic, or using Incremental Static Regeneration (ISR).

Yes, this route visualization approach works specifically with Next.js projects that use the src/app directory structure. It applies to apps built with Next.js that use src/app routes, middleware, and API handlers.

The best way to catalog API endpoints in the Next.js App Router is to extract them directly from the src/app/api directory. This catalogs your API surface and maps it alongside the application's route tree.