DEV Community

Thang Truong
Thang Truong

Posted on

1

Tired of Guessing Your NestJS Routes? There's a Dashboard for That!

Stop blindly navigating your growing NestJS projects! We've all been there – digging through controllers to find that specific endpoint. That's why I built NestJS Dashboard, a VS Code extension that gives you a bird's-eye view of your entire API landscape.

This simple yet powerful tool scans your workspace and presents all your NestJS routes in a clean, intuitive sidebar panel. No more wasted time hunting for endpoint details!


See Your Entire API at a Glance

NestJS Dashboard automatically discovers and displays all your HTTP endpoints, providing essential information in a clear and organized tree view. You'll instantly see:

  • HTTP Method: GET, POST, PUT, DELETE, etc.
  • Route Path: The full path to your endpoint.
  • Controller Name: The name of the controller class.
  • Handler Method: The specific method handling the request.

NestJS Dashboard in action


Key Features to Streamline Your Workflow

  • Automatic Discovery: The extension intelligently finds all your NestJS controllers and their associated routes.
  • Real-time Updates: As you create, modify, or delete routes, the dashboard will automatically refresh to reflect the changes in your codebase.
  • Go to Definition: Quickly navigate directly to the code for any endpoint with a single click.

Getting Started is a Breeze

  1. Install the NestJS Dashboard extension from the Visual Studio Marketplace.
  2. Open your NestJS project in VS Code.
  3. Look for the new NestJS icon in your activity bar.
  4. Click it to open the dashboard and see all your routes!

It's that simple. No configuration is needed to get started.


Why I Built This

As a developer, I'm always looking for ways to improve my workflow and reduce friction. Constantly searching for route definitions in a large NestJS project was a recurring pain point. I wanted a simple, visual way to see everything at once. Seeing the positive feedback from early users has been fantastic, and I'm excited to share it with the broader dev.to community.

Give it a try and let me know what you think! Your feedback and suggestions are welcome on the GitHub repository.

#nestjs #vscode #typescript #devexperience

Warp.dev image

The best coding agent. Backed by benchmarks.

Warp outperforms every other coding agent on the market, and gives you full control over which model you use. Get started now for free, or upgrade and unlock 2.5x AI credits on Warp's paid plans.

Download Warp

Top comments (0)

Some comments may only be visible to logged-in visitors. Sign in to view all comments.

Runner H image

Automate Your Workflow in Slack, Gmail, Notion & more

Runner H connects to your favorite tools and handles repetitive tasks for you. Save hours daily. Try it free while it’s in beta.

Try for Free

👋 Kindness is contagious

Explore this insightful write-up, celebrated by our thriving DEV Community. Developers everywhere are invited to contribute and elevate our shared expertise.

A simple "thank you" can brighten someone’s day—leave your appreciation in the comments!

On DEV, knowledge-sharing fuels our progress and strengthens our community ties. Found this useful? A quick thank you to the author makes all the difference.

Okay