Statischer Export

Übersicht

Fumadocs ist vollständig kompatibel mit dem statischen Export von Next.js, sodass Sie die App als statische HTML-Site ohne einen Node.js-Server exportieren können.

/**
 * @type {import('next').NextConfig}
 */
const nextConfig = {
  output: 'export',
};

Suche

Cloud-Lösungen

Da die Suchfunktion von Remote-Servern unterstützt wird, funktioniert der statische Export ohne Konfiguration.

Integrierte Suche

Die Standardsuchkonfiguration von Orama Search verwendet Routenhandler, was vom statischen Export nicht unterstützt wird.

Stattdessen können Sie die Suchindizes statisch erstellen, indem Sie der Orama Search-Anleitung folgen. Und aktivieren Sie den statischen Modus auf dem Suchclient vom Root-Anbieter:

import { RootProvider } from 'fumadocs-ui/provider';
import type { ReactNode } from 'react';

export default function RootLayout({ children }: { children: ReactNode }) {
  return (
    <html lang="en" suppressHydrationWarning>
      <body>
        <RootProvider
          search={{
            options: {
              type: 'static', 
            },
          }}
        >
          {children}
        </RootProvider>
      </body>
    </html>
  );
}

Dadurch kann der Routenhandler statisch in einer einzelnen Datei zwischengespeichert werden und die Suche wird stattdessen im Browser berechnet.