{"repo":"AliaSadiq/nextjs-routing-visualizer","free":true,"listed":false,"github":"https://github.com/AliaSadiq/nextjs-routing-visualizer","clone":"git clone https://github.com/AliaSadiq/nextjs-routing-visualizer.git","description":"This Github Repository serves as a VS Code extension to visualize Next.js routes from pages/ and app/ directories with dynamic segment support like [slug], [...slug], and [[...slug]].","language":"TypeScript","stars":11,"topics":["dynamic-routing","javascript","nextjs","open-source","routing","visualizer","vscode-extension"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"🧭 Next.js Smart Routing Visualizer A powerful and elegant VS Code extension that visualizes your Next.js routes in a sidebar — supporting both pages/ and app/ directories. Easily detect and explore dynamic segments like [slug] , [...params] , and [[...optional]] in a tree structure. --- 🚀 Features - 📂 Displays all routes from pages/ and app/ directories - 🧩 Highlights dynamic route segments: - [slug] → dynamic - [...slug] → catch-all - [[...slug]] → optional catch-all - 🎯 Inline file navigation (click to open route file) - 🖼️ Custom icons for: - App routes - Page routes - Dynamic / Catch-all routes - ♻️ Auto-refresh on file changes - 🔎 Highlights route parameters --- 🛠️ How It Works - Parses all .js , .ts , .jsx , .tsx files inside pages/ and app/ directories - Ignores node modules - Replaces dynamic segments ( [slug] ) with symbolic labels (e.g., :slug ) - Maps route files into a collapsible VS Code TreeView --- 🧑‍💻 Usage 1. Open a Next.js project in VS Code. 2. Open the sidebar panel called Next.js Routes . 3. Explore your route structure interactively. 4. Click any route to open the corresponding file. --- 📦 Installation You can install from the Visual Studio Marketplace 👐 Open Source This project is open source and licensed under the MIT License. You're welcome to explore, contribute, report issues, or fork it for your own needs. 🤝 Contributing Contributions are welcome! Feel free to: - Open issues for bugs or feature requests - Submit pull requests - Share f","default_branch":null,"files":null,"tree":[],"storefront":"/r/AliaSadiq","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/AliaSadiq/nextjs-routing-visualizer/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}