Usage no npm install needed!

<script type="module">
  import benjieGatsbyMdx from 'https://cdn.skypack.dev/@benjie/gatsby-mdx';
</script>

README

gatsby-mdx

gatsby-mdx is the solution for MDX and Gatsby Gatsby for ambitious projects.

GitHub Link
Docs

Installation

npm install gatsby-mdx

module.exports = {
  plugins: [`gatsby-mdx`]
};

Without any options, this configuration will allow you to create pages with .mdx files in src/pages and will process any Gatsby nodes with Markdown media types into MDX content.

What Next

You can

check out the gatsby-mdx options
Write pages using .mdx files
Learn how to use React components to render markdown code blocks as interactive code playground.
Enable React components as shortcodes