Tutorial

Dies ist eine weitere leichte Seite. Sie nutzt normales Markdown und eine leichte Komponente aus dem MDX-Komponenten-Scope.

Projekt einrichten

So integrierst du next-slug-splitter in dein Next.js-Projekt:

1. Paket installieren

pnpm add next-slug-splitter

2. Next.js-Konfiguration wrappen

import { withSlugSplitter } from 'next-slug-splitter/next';

export default withSlugSplitter(nextConfig, {
  routeHandlersConfig
});

3. Targets definieren

Jedes Target beschreibt einen Content-Bereich (z. B. docs oder blog) mit einer eigenen Catch-all-Route und einem Content-Verzeichnis.

4. Normalen Build starten

next build

Der Next-Adapter analysiert die MDX-Inhalte und generiert optimierte Route Handler automatisch während des Builds. Die eigenständige CLI ist optional.

Was passiert beim Build?

Die Bibliothek generiert generated-handlers/ Dateien neben deiner Catch-all-Route. Diese Dateien sind gitignored und werden bei jedem Build neu erstellt.