/nextjs-routes

Description

Query and display all routes, their components, and rendering details from your Next.js application.

AI Summary

Inspect Next.js routes, rendering modes, and component hierarchies from your running dev server. Use to debug routing issues or understand app structure.

Install

Add the repository(one-time)

/plugin marketplace add W3Dev/coding-agent

Install the plugin

/plugin install nextjs-devtools-plugin@w3dev

Command Content

/nextjs-routes - Inspect Next.js application routes

Query and display all routes, their components, and rendering details from your Next.js application.

Usage

/nextjs-routes [pattern]

Examples

/nextjs-routes
/nextjs-routes /api/*
/nextjs-routes /dashboard

Behavior

Connect to the Next.js dev server
Retrieve page routes, API routes, and dynamic segments
Display route information including:
- Route path and pattern
- Rendering mode (SSR, SSG, ISR, client)
- Associated components and layouts
- Middleware chain

Requirements

Next.js 16+ with dev server running

Arguments

pattern (optional): Filter routes by pattern (supports wildcards)

Links

GitHub Stats

0 forks

Updated 3 days ago

Other plugins with /nextjs-routes

/nextjs-routes

List all routes in the Next.js application

BashGlob

nextjs