Layouts
Home Layout
Shared layout for other pages
Usage
Add a navbar and search dialog across other pages.
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>;
}
Create a Route Group to share the same layout across multiple pages.
page.tsx
layout.tsx
We recommend to customise it from baseOptions
.
How is this guide?
Last updated on