Documentation

The documentation section allows you to create and manage your documentation.

A collection is a grouping of pages; it can represent a section or a complete documentation.

Create new collection

To create a new collection, you need to create a new folder in the content/docs folder.

First you need to declare a new collection.

In the src/content.config.ts file

const foo = defineCollection({
  loader: glob({ pattern: "**/*.{md,mdx}", base: "./src/content/docs/foo" }),
  schema: docSchema
})

export const collections = { foo };

In the explainer.config.ts file

export default defineExplainerConfig({
  docs: {
    foo: {
      icon: 'lucide:cuboid',
      label: 'Foo',
      href: '/docs/foo/getting-started',
      baseUrl: '/docs/foo',
    },
  },
})

Create new page

To create a new page, you need to create a new file in the content/docs/foo directory.

Then you need to add the following frontmatter :

---
title: Page title
description: Page description
permalink: page-slug
icon: lucide:book
---

Your content here...