next-slug-splitter Demo

Diese minimale Next.js-App zeigt, wie next-slug-splitter leichte und schwere MDX-Seiten in optimierte Route Handler aufteilt.

Seiten

Reines Markdown — keine eigenen React-Komponenten

Nutzt <Callout /> aus dem MDX-Komponenten-Scope

Nutzt <ExamplePreview /> — eine interaktive Vorschau-Komponente

Nutzt <FlowComposer /> und <ComponentWorkbench /> — mehrere schwere Komponenten

Light pages — Leichte Seiten laufen über die locale-bewusste Catch-all-Route pages/docs/[...slug].tsx mit einem gemeinsamen Route-Modul.
Heavy pages — Schwere Seiten bekommen automatisch generierte Handler in pages/docs/generated-handlers/, die nur die benötigten Komponenten importieren.