Next.js Smart Routing Visualizer , a powerful VS Code extension that helps developers instantly visualize their Next.js routing structure in the Explorer panel.
✅ Supports both pages/ and app/ directories
✅ Highlights dynamic segments ([slug], […params], [[…optional]])
✅ Live updates with file system watchers
✅ Clean UI with intuitive icons
✅ Built for serious productivity in large codebases
Whether you’re debugging, onboarding, or just exploring this tool makes Next.js navigation clear, visual, and effortless.
Built to make developers’ lives smoother when working with Vercel incredible Next.js framework.
📌 Available on the VS Code Marketplace just search “Next.js Routing Visualizer”
💻 Open source on GitHub: <a href="https://github.com/AliaSadiq/nextjs-routing-visualizer" target="_blank" rel="noopener nofollow">https://github.com/AliaSadiq/nextjs-routing-visualizer</a>

An independent Squad for discussions, questions and answers about Next.JS. 


NextJS

A VS Code extension called Next.js Smart Routing Visualizer helps developers visualize their Next.js routing structure directly in the Explorer panel. It supports both pages/ and app/ directories, highlights dynamic segments, provides live updates through file system watchers, and features a clean UI with intuitive icons. The extension is designed to improve productivity in large codebases by making Next.js navigation clear and visual.

Vs code Extension: Next.js Smart Routing Visualizer

Cant find it on windsurf extension marketplace, but it seems really cool, thx for sharing

Share the github link, not the linkedin article link…

Not working on Windows VSCode using WSL: Ubuntu-22.04
It is possible due to the grouping I am using.
<img src="https://media.daily.dev/image/upload/s--jU3xAS8j--/f_auto/v1751614574/ugc/content_d4cd267d-8205-4aec-bc09-f736b586ac1d?_a=BAMClqZW0" alt="Screenshot 2025-07-04 103604">

Looks cool, I can see how it would be helpful.
I mean 2-3 routes sure, nbd. But you get like 10-20 and it sounds really good. 🙌🏻