AI マジック 3Docs静的エクスポート
Fumadocs で静的エクスポートを有効にする
概要
Fumadocs は Next.js 静的エクスポートと完全な互換性があるため、Node.js サーバーを使用せずにアプリを静的 HTML サイトとしてエクスポートできます。
/**
* @type {import('next').NextConfig}
*/
const nextConfig = {
output: 'export',
};検索
クラウド ソリューション
検索機能はリモート サーバーを利用しているため、静的エクスポートは設定なしで機能します。
内蔵検索
Orama Search のデフォルトの検索構成はルート ハンドラーを使用しますが、静的エクスポートではサポートされていません。
代わりに、Orama Search ガイド] に従って、検索インデックスを静的に構築できます。 そして、ルート プロバイダーから検索クライアントで静的モードを有効にします。
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>
);
}これにより、ルート ハンドラーを単一のファイルに静的にキャッシュできるようになり、代わりにブラウザ上で検索が計算されます。