/jabi-next-visualizer

Visualizer for Next.js routes and components

Primary LanguageTypeScript

Jabi Next Visualizer

Visualizer for Next.js page router showing routes and components in tree hierarchies.

How to Use On a Project:

  1. Install package
npm install jabi-next-visualizer
  1. Run parse to parse project's source code
npx jabi-next-visualizer parse
  1. Run server for visualizer app preview
npx jabi-next-visualizer server

Deployment:

After developing package:

  1. Build the TypeScript file
npm run tsc

It will create new folder named cli-build.

  1. Build visualizer app
cd app && npm run build

Development:

app folder contain visualizer app using Next.js page router. cli folder contain cli app, server app, and config constants.

To Do:

  • Add checking to make sure that parse command already run before running the server.