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 <ExamplePreview /> — an interactive preview component

Uses <FlowComposer /> and <ComponentWorkbench /> — multiple heavy components

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