Documentation,straight out of the box.

A documentation template built with Next.js, Tailwind CSS, and shadcn/ui on Base UI.

Terminal
# install dependencies
pnpm install

# start the docs server
pnpm dev

# verify everything before you commit
pnpm preflight

Explore the template

Every page ships with the template — read them to see each pattern in action.

Project structure

Pages live in the app/(docs) route group and share one layout. Navigation is driven by a single config file, so adding a page means adding one route and one nav entry.

Project layout
app/
  (docs)/          # All doc pages share this layout
    layout.tsx     # Shell: header and sidebar
    page.tsx       # This page
components/
  app-sidebar.tsx  # Resizable navigation sidebar
  command-palette.tsx
  docs/            # DocPage, TOC, pager, code block
lib/
  docs-nav.ts      # Single source of truth for navigation
  site.ts          # Site name, version, links

Search documentation

Search pages and jump to a section