Write content | Fern Docs Starter

Documentation pages are written in MDX, which combines Markdown with React components. Create .mdx files in the docs/pages/ directory and reference them in your docs.yml navigation.

Basic page structure

docs/pages/my-page.mdx

1 ---
2 title: Page title
3 subtitle: Optional subtitle
4 slug: my-page
5 ---
6 
7 Your content here. Use standard Markdown formatting like **bold**, *italic*, and `code`.
8 
9 ## Headings
10 
11 Use headings to organize your content.

Using components

Fern provides built-in components for common documentation patterns:

Highlight important information with callouts.

First card

Card description

Second card

Another description

Markdown

1 <Note>
2 Highlight important information with callouts.
3 </Note>
4 
5 <CardGroup cols={2}>
6   <Card title="First card" href="/page-one">
7     Card description
8   </Card>
9   <Card title="Second card" href="/page-two">
10     Another description
11   </Card>
12 </CardGroup>