Matrix logo

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.
FieldRequiredDescription
titleYesPage title shown in the browser tab and sidebar.
descriptionNoMeta 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 code with backticks
  • Links with [text](url)
  • Ordered and unordered lists
  • Fenced code blocks with syntax highlighting
  • Tables, blockquotes, and headings
FormatMarkdownRenders 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.