Skip to content

Markdown & MDX

Create Markdown pages under src/pages/:

src/pages/blog/hello.md -> /blog/hello

Frontmatter and layout usage:

---
title: Hello
layout: ../layouts/BaseLayout.astro
---
# {frontmatter.title}
This page uses an Astro layout.

MDX adds React-like components inside Markdown:

Terminal window
npm i -D @astrojs/mdx

Then enable in astro.config.* and create .mdx pages in src/pages/.