Recipe: Markdown (with MDX)

[bensmithett]

By default in San Blas, a page is just a React component. If you're writing long form content though you probably want to use Markdown.

This recipe shows how to render pages from MDX-flavoured Markdown source files by adding mdx-loader to our Webpack config.

As a bonus, we'll...

• Define some metadata (title, description & date) for each page
  • You might have used Front Matter for this. MDX lets us do it in plain JavaScript instead
• Add slug IDs to all headings with rehype-slug
  • You can use any remark and rehype plugins to customise Markdown to your tastes

[bensmithett]

MDX is included by default now #5