LogoMkSaaS文档
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