@benjie/gatsby-mdx NPM

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