Hi people

Welcome to your new Gatsby site.

Now go build something great.

gatsby-plugin-mdx

Demo

How to install gatsby-plugin-mdx

npm install gatsby-plugin-mdx @mdx-js/mdx @mdx-js/react

add this configuration in gatsby-config.js


    plugins:[
      {
        resolve: 'gatsby-plugin-mdx',
        options: {
          defaultLayouts: {
            default: require.resolve('./src/components/layout.js')
          }
        },
      }
      ]

Create an .mdx file in the pages folder.

Import and write React!