X (Twitter)

概述

Fumadocs 与 Next.js 静态导出完全兼容，允许您将应用程序导出为静态 HTML 站点，而无需 Node.js 服务器。

next.config.mjs

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

搜索

云解决方案

由于搜索功能由远程服务器提供支持，因此静态导出无需配置即可工作。

内置搜索

Orama Search 的默认搜索配置使用路由处理程序，静态导出不支持该处理程序。

相反，您可以按照 Orama Search 指南静态构建搜索索引。并从根提供程序在搜索客户端上启用静态模式：

app/layout.tsx

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>
  );
}

这允许将路由处理程序静态缓存到单个文件中，并且搜索将在浏览器上计算。

概述

Fumadocs 与 Next.js 静态导出完全兼容，允许您将应用程序导出为静态 HTML 站点，而无需 Node.js 服务器。

next.config.mjs

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

搜索

云解决方案

由于搜索功能由远程服务器提供支持，因此静态导出无需配置即可工作。

内置搜索

Orama Search 的默认搜索配置使用路由处理程序，静态导出不支持该处理程序。

相反，您可以按照 Orama Search 指南静态构建搜索索引。并从根提供程序在搜索客户端上启用静态模式：

app/layout.tsx

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>
  );
}

这允许将路由处理程序静态缓存到单个文件中，并且搜索将在浏览器上计算。

静态导出

概述

搜索

云解决方案

内置搜索

目录

静态导出

概述

搜索

云解决方案

内置搜索

目录