ClaudeSkills
Browse documentation

Historical template

Home Layout

Shared layout for other pages

Historical Fumadocs template

Historical template documentation, retained for existing links. It is not current ClaudeSkills product guidance.

This article has no translation in the selected language. The English body is shown.

The navigation uses English labels. Article languages are shown separately; the interface is not a full translation of the documentation.

View source
On this page

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.

  • (home)/

    • page.tsx

    • layout.tsx

  • /docs/

    • [[..slugs]]/

      • page.tsx

    • layout.tsx