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