Pages & Structure
Organize your documentation with a clear, hierarchical structure.
Creating Pages
Each page in AlgoQuill is a Markdown or MDX file. You can create pages via the web editor or locally with the CLI.
Page Properties
Every page has the following properties:
- Title - The page title shown in navigation
- Slug - The URL path (e.g., /getting-started)
- Content - Markdown/MDX content
- Status - Draft or Published
- Position - Order in navigation
Navigation Structure
Pages are organized in a tree structure. The sidebar navigation is automatically generated from your page hierarchy.
docs/
├── introduction.mdx → /docs
├── quickstart.mdx → /docs/quickstart
├── guides/
│ ├── getting-started.mdx → /docs/guides/getting-started
│ ├── authentication.mdx → /docs/guides/authentication
│ └── deployment.mdx → /docs/guides/deployment
└── api/
├── overview.mdx → /docs/api/overview
└── endpoints.mdx → /docs/api/endpointsPage Frontmatter
Add metadata to your pages using YAML frontmatter:
--- title: Getting Started description: Learn how to get started with our API icon: rocket --- # Getting Started Welcome to the getting started guide!
Available Frontmatter Options
| Property | Type | Description |
|---|---|---|
| title | string | Page title |
| description | string | Meta description for SEO |
| icon | string | Icon name from Lucide |
| hidden | boolean | Hide from navigation |
Reusable Snippets
Create reusable content snippets that can be included across multiple pages.
snippets/install.mdx
<Tabs>
<Tab title="npm">
```bash
npm install @company/sdk
```
</Tab>
<Tab title="yarn">
```bash
yarn add @company/sdk
```
</Tab>
</Tabs>Use in any page
## Installation <Snippet file="install.mdx" />
Pro Tip: Use snippets for content that appears on multiple pages, like installation instructions or API authentication examples.