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 <Counter /> — eine zustandsbehaftete Komponente

Nutzt <Chart /> und <DataTable /> — mehrere schwere Komponenten

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