X (Twitter)

개요

Fumadocs는 Next.js 정적 내보내기와 완벽하게 호환되므로 Node.js 서버 없이 앱을 정적 HTML 사이트로 내보낼 수 있습니다.

next.config.mjs

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

검색

Cloud 솔루션

검색 기능은 원격 서버에서 제공되므로 정적 내보내기는 구성 없이 작동합니다.

내장 검색

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 정적 내보내기와 완벽하게 호환되므로 Node.js 서버 없이 앱을 정적 HTML 사이트로 내보낼 수 있습니다.

next.config.mjs

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

검색

Cloud 솔루션

검색 기능은 원격 서버에서 제공되므로 정적 내보내기는 구성 없이 작동합니다.

내장 검색

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

이를 통해 경로 핸들러를 단일 파일에 정적으로 캐시할 수 있으며 대신 브라우저에서 검색이 계산됩니다.

정적 내보내기

개요

검색

Cloud 솔루션

내장 검색

목차

정적 내보내기

개요

검색

Cloud 솔루션

내장 검색

목차