Home Layout

Usage

Add a navbar and search dialog across other pages.

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

Create a Route Group to share the same layout across multiple pages.

page.tsx

layout.tsx

We recommend to customise it from baseOptions.

Usage

On this page