next-slug-splitter Demo

This minimal Next.js app demonstrates how next-slug-splitter separates light and heavy MDX pages into optimized route handlers.

Pages

Pure Markdown — no custom React components

Uses <Callout /> from the MDX component scope

Uses <Counter /> — a stateful React component

Uses <Chart /> and <DataTable /> — multiple heavy components

Light pages — Light pages are served by the locale-aware catch-all app/[locale]/docs/[...slug]/page.tsx backed by one shared route module.
Heavy pages — Heavy pages get auto-generated handlers in app/[locale]/docs/generated-handlers/ that import only the components they need.