Inspect yourApp Routercache with confidence
Track and optimize your Next.js App Router caching strategy with static analysis to build faster applications.
Everything you need to
understand caching
Track, analyze, and optimize your Next.js App Router caching strategy with static analysis.
Static Analysis
Parse routes, fetches, and revalidators without running your app. Zero runtime overhead.
Interactive Topology
Visualize your route tree as a directed graph. Pan, zoom, and inspect any segment.
Cache Tag Flow
See how revalidators propagate through tags to routes. Understand blast radius at a glance.
Anti-Pattern Detection
Catch caching mistakes before production. Rules for ISR, dynamic, and fetch misconfigurations.
Live Revalidation
Watch revalidation events in real-time. Track which tags and paths are being refreshed.
Performance Metrics
Measure cache hit rates, build times, and route staticness. Optimize with data.
CLI & API
Run scans from your terminal or integrate into CI. Full programmatic access.
Visual Dashboard
Explore everything in a clean, interactive web UI. No config required.
How it works
From zero to insight in three steps.
Point to your app
Run the CLI with the path to your Next.js project. The engine scans your app/ directory automatically.
next-cache-inspector --dir ./my-appDashboard opens
A local server starts with your cache graph loaded. No configuration files needed.
http://localhost:4242Explore and fix
Navigate topology, tags, fetches, flow, and rules. Click any route to open it in VS Code.
vscode://file/...Get started in seconds
Install globally once. Use it on any Next.js project.
npm install -g next-cache-inspectornext-cache-inspector --dir ./your-app