DEV Community

Thang Truong
Thang Truong

Posted on

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

Top comments (0)

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