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.

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