@shiftescape/astro-toolbar-routes
Live, clickable route map of your entire Astro project — right in the dev toolbar. No more typing URLs by hand.
features
Built on Astro's
astro:routes:resolved
hook — every route, always accurate.
Click any static route to jump to it. No typing, no copying URLs.
The current page is always highlighted so you know exactly where you are.
Dynamic, SSR, endpoint, and redirect routes are clearly labelled at a glance.
Filter by URL pattern or file path in real time across all routes.
New pages added while the dev server is running appear immediately.
Completely stripped in
astro build. Zero production cost.
route types
Tags tell you what each route can do at a glance.
Prerendered at build time. Click in the panel to jump to it instantly.
Route has
[param]
or
[...slug]
segments — can't navigate without a real value.
Rendered on-demand (prerender: false). Server-rendered on every request.
API route — a
.ts
or
.js
file in
src/pages/
that returns data instead of HTML.
configuration
Zero config required. Filter routes when your project grows.
import { defineConfig } from 'astro/config' import toolbarRoutes from '@shiftescape/astro-toolbar-routes' export default defineConfig({ integrations: [ toolbarRoutes({ // hide specific routes or glob prefixes exclude: ['/admin', '/api/*'], // show _astro/* and _server_islands/* internal routes showInternalRoutes: false, }), ], })
| Option | Type | Default | Description |
|---|---|---|---|
| exclude | string[] | [] |
Route patterns to hide. Supports exact match and
*
suffix wildcard.
|
| showInternalRoutes | boolean | false |
Show Astro's internal routes like
/_astro/*
and
/_server_islands/*.
|
install
Works with Astro 4, 5, and 6. Peer dependency only.
import toolbarRoutes from '@shiftescape/astro-toolbar-routes' export default defineConfig({ integrations: [toolbarRoutes()] // click 🗺 in the dev toolbar })