yarn add -D globby gray-matter mdxc mdx-loader
yarn add react react-static-markdown 

webpack: (config, {defaultLoaders, stage}) => {
  config.resolve.extensions.push('.md');
  config.module.rules = [
    {
      oneOf: [
        {
          test: /\.md$/,
          use: ['mdx-loader'],
        },
        defaultLoaders.cssLoader,
        defaultLoaders.jsLoader,
        defaultLoaders.fileLoader,
      ],
    },
  ];
  return config;
},

import About from 'content/pages/about.md';

...

<About />

const getFiles = require('react-static-mdx/getFilesWithMdx');

...

const pages = await getFiles('content/pages/*.md');

import mdxToComponent from 'react-static-mdx/mdxToComponent';

...

const Page = mdxToComponent(page.contentmdx);

...

<Page {...props} />