Vite Plugin

The Prestige Vite plugin is the build-time engine behind the library. It reads content pages, compiles them into HTML, generates sidebars from collections, creates route files, and exposes the data used by the UI.

Add it to the plugins array in vite.config.ts. It should appear before the TanStack Start plugin:

prestige({
  enableDebugLog: false,
}),
tanstack(),

Then create prestige.config.ts in the project root and export a typed config:

import { defineConfig } from "@lonik/prestige/vite";

export default defineConfig({
  title: "Prestige",
  collections: [
    {
      id: "docs",
      items: [{ label: "Introduction", slug: "docs/introduction" }],
    },
  ],
});

Keep the responsibilities split:

• vite.config.ts registers prestige() and its plugin-only options.
• prestige.config.ts defines the site title, collections, and markdown behavior.

Two config fields are especially important:

title: string

The title field is the site title. Prestige uses it as the default browser-title suffix and as the default header title.

collections: array

The collections array defines your documentation areas, sidebar structure, and generated content routes.

Generating routes

During development, the plugin watches src/content and regenerates file routes when relevant content changes.

Config

For the full plugin surface, see the Vite Plugin Reference.

For the config file itself, see Prestige Config and Prestige Config Reference.