Layouts

主頁佈局

其他頁面的共享佈局

使用方法

在其他頁面上添加導航欄和搜尋對話框。

/app/(home)/layout.tsx

import { HomeLayout } from 'fumadocs-ui/layouts/home';
import { baseOptions } from '@/app/layout.config';
import type { ReactNode } from 'react';

export default function Layout({ children }: { children: ReactNode }) {
  return <HomeLayout {...baseOptions}>{children}</HomeLayout>;
}

創建一個路由組來在多個頁面之間共享相同的佈局。

page.tsx

layout.tsx

文檔佈局

文檔的佈局

筆記本

文檔佈局的更緊湊版本

主頁佈局

其他頁面的共享佈局

使用方法

在其他頁面上添加導航欄和搜尋對話框。

/app/(home)/layout.tsx

import { HomeLayout } from 'fumadocs-ui/layouts/home';
import { baseOptions } from '@/app/layout.config';
import type { ReactNode } from 'react';

export default function Layout({ children }: { children: ReactNode }) {
  return <HomeLayout {...baseOptions}>{children}</HomeLayout>;
}

創建一個路由組來在多個頁面之間共享相同的佈局。

page.tsx

layout.tsx

文檔佈局

文檔的佈局

筆記本

文檔佈局的更緊湊版本

主頁佈局

使用方法

目錄

主頁佈局

使用方法

目錄