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

2. Run parse to parse project's source code

npx jabi-next-visualizer extract

3. Run server for visualizer app preview

npx jabi-next-visualizer visualize

Deployment:

After developing package:

1. Build the TypeScript file

npm run tsc

It will create new folder named cli-build.

2. 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.