Templates · Content

Documentation site

The exact shell that powers these docs — sidebar, article, table of contents, reading progress, ⌘K.

Preview

Every element on the page is a Nova primitive. Adjust tokens in src/styles.css.

Sidebar

Article

MDX-friendly.

TOC

Install

Pull the template with the Nova CLI.

tsx

npx @novix-ui/cli template add docs

Source

tsx

// src/routes/docs.$.tsx — catch-all doc route
import { DocsShell } from "@/components/docs/docs-shell";
 
export const Route = createFileRoute("/docs/$")({
  loader: ({ params }) => loadDoc(params._splat),
  component: DocPage,
});
 
function DocPage() {
  const { doc } = Route.useLoaderData();
  return <DocsShell title={doc.title} toc={doc.toc}>{doc.body}</DocsShell>;
}

What's included

Sidebar navigationTable of contents⌘K searchReading progressCalloutsCodeBlock