Pages
How MDX files become pages, how frontmatter sets titles and descriptions, and how file paths map to URLs in your documentation site.
Every .mdx file in your project becomes a page. The file path determines the URL.
Frontmatter
Each page starts with frontmatter: metadata between --- fences at the top of the file.
---
title: My Page Title
description: A short description for search engines
---
Your content starts here.
| Field | Required | Description |
|---|---|---|
title | Yes | Page title shown in the browser tab and sidebar. |
description | No | Meta description for search engines and social previews. |
File organization
Your file structure maps directly to URLs:
introduction.mdx -> /introduction
quickstart.mdx -> /quickstart
guides/deployment.mdx -> /guides/deployment
api/users/list.mdx -> /api/users/list
Directories become URL segments. Nest files to create a hierarchy.
Markdown features
MDX supports all standard Markdown syntax:
- Bold with
**bold** - Italic with
*italic* Inline codewith backticks- Links with
[text](url) - Ordered and unordered lists
- Fenced code blocks with syntax highlighting
- Tables, blockquotes, and headings
| Format | Markdown | Renders as |
|---|---|---|
| Bold | **bold** | bold |
| Italic | *italic* | italic* |
| Code | `code` | code |
| Link | [text](url) | text |
Blockquotes pull a passage out of the flow. Use them sparingly for quotes or callouts.
Headings and table of contents
Headings on the page automatically appear in the right sidebar as a table of contents. Use ## for top-level sections and ### for subsections. Avoid skipping levels (e.g., going from ## directly to ####).
## First section
Content here.
### Subsection
More detail.
## Second section
Back to the top level.
MDX components (Callouts, Cards, Steps, Tabs) are available in every page without imports. See Using Components for a guide to choosing the right one.
