Configuration

Configure the layer through nuxt.config.ts, app.config.ts, and environment variables.

The layer is configured in three places:

nuxt.config.ts — build-time options: site identity and the comarkDocs key.
app.config.ts — branding and navigation: header, footer, assistant, OG images.
Environment variables — secrets and runtime overrides.

nuxt.config.ts

Site identity

The site config drives canonical URLs, the sitemap, OG tags, and JSON-LD:

nuxt.config.ts

export default defineNuxtConfig({
  extends: ['comark-docs'],
  site: {
    url: 'https://docs.example.com',
    name: 'My Project',
  },
})

comarkDocs options

nuxt.config.ts

export default defineNuxtConfig({
  extends: ['comark-docs'],
  comarkDocs: {
    isr: 300,
    contentDir: 'docs/content',
    codeExplorer: {
      allowRepos: ['my-org/examples'],
    },
    skills: {
      dir: 'skills',
    },
  },
})

Option	Default	Purpose
`isr`	`300`	ISR expiration in seconds for the generated route rules. Set to `false` to disable them entirely.
`contentDir`	inferred	Content directory relative to the repository root (an app in `docs/` becomes `docs/content`). Inferred from the local git checkout.
`codeExplorer.allowRepos`	`[]`	Extra `owner/repo` entries the CodeExplorer component may fetch from. The content repository is always allowed.
`skills.dir`	`'skills'`	Directory scanned for Agent Skills served at `/.well-known/skills/`.

A build that can't see .git (a shallow Docker build, an exported tarball) can't infer contentDir and assumes the app is the repository root. If your app lives in a subdirectory, set comarkDocs.contentDir (or NUXT_DOCS_CONTENT_DIR) explicitly — the build warns when it has to guess.

app.config.ts

Branding and navigation live in app.config.ts. Everything is optional — this playground's own config is a good starting point:

app.config.ts

export default defineAppConfig({
  seo: {
    siteName: 'My Project',
  },
  header: {
    title: 'My Project',
    // Main navigation tabs; omit to derive one tab per top-level section
    nav: [
      { label: 'Documentation', sections: ['getting-started', 'writing'] },
      { label: 'API Reference', sections: ['reference'] },
    ],
    links: [
      { icon: 'i-simple-icons-github', to: 'https://github.com/my-org/my-repo', target: '_blank' },
    ],
  },
  footer: {
    icon: 'i-lucide-book',
    owner: 'My Company',
    links: [
      { icon: 'i-lucide-rss', to: '/rss.xml', target: '_blank', 'aria-label': 'RSS Feed' },
    ],
  },
})

All keys

Key	Default	Purpose
`seo.siteName`	site name	Name used in title templates, OG tags, and JSON-LD.
`header.title`	site name	Title displayed next to the logo.
`header.to`	`'/'`	Link target of the header logo.
`header.logo`	—	`{ alt, mark, light, dark }`. `light`/`dark` are image URLs per color mode; `mark` selects a wordmark shipped with the layer.
`header.ecosystem`	`[]`	Sibling sites listed in the brand popover; empty hides the popover.
`header.search`	`true`	Show the search button.
`header.nav`	`[]`	Main navigation tabs; each group maps top-level content sections to a tab. Empty derives one tab per section — see Navigation.
`header.links`	`[]`	Right-side icon links.
`footer.credits`	`''`	Full credits line; empty renders `© ${year} ${owner}.`
`footer.owner`	site name	Copyright holder when it isn't the site itself.
`footer.icon`	`''`	Optional icon rendered before the credits.
`footer.links`	`[]`	Footer icon links.
`toc.title`	`'On this page'`	Table of contents heading.
`assistant.enabled`	`false`	Enable the "Ask AI" assistant.
`assistant.faqQuestions`	`[]`	Suggested questions shown before the first message, grouped by category.
`github.branch`	`'main'`	Production content branch.
`github.owner` / `github.name`	inferred	Repository owner and name (inferred from git when unset).
`docs.rss.title`	`''`	RSS feed title; empty renders `${siteName} Documentation`.
`docs.ogImage`	—	`{ accent, tagline, mark }` for the generated OG images.
`docs.llms`	—	`{ description, links }` emitted in `llms.txt`.
`docs.schemaOrg`	`{}`	schema.org `SoftwareApplication` identity, emitted as JSON-LD on the landing page.
`docs.asideLinks`	`[]`	Extra links appended to the docs page aside.

Nuxt merges app.config.ts across layers with defu, which concatenates arrays. Your list is appended to the layer's, not substituted for it — which is why every array default in the layer is empty.

Environment variables

Variable	Purpose
`GITHUB_TOKEN`	GitHub content reads and GraphQL history/RSS. Required in production.
`WEBHOOK_SECRET`	HMAC secret for the GitHub push webhook (`/api/revalidate`).
`VERCEL_BYPASS_TOKEN`	ISR purge on revalidation. Needed at build time too.
`NUXT_OG_IMAGE_SECRET`	OG image signing.
`NUXT_ASSISTANT_MODEL`	Override the AI Gateway model serving `/api/assistant`.

The GitHub repository, branch, and content directory are inferred from the local git checkout and VERCEL_GIT_* variables. Override them at runtime with NUXT_DOCS_* variables: NUXT_DOCS_GITHUB_OWNER, NUXT_DOCS_GITHUB_REPO, NUXT_DOCS_GITHUB_BRANCH, and NUXT_DOCS_CONTENT_DIR.

See Deploy on Vercel for where each variable is set in production.

Installation

Install the comark-docs layer from GitHub, extend your Nuxt config, and write your first page.

Pages

Structure the content/ directory, write frontmatter, and control how pages appear in navigation.