gatsby-node.js

const componentWithMDXScope = require('gatsby-mdx/component-with-mdx-scope')
const { resolve } = require('path')

exports.createPages = async ({ graphql, actions }) => {
  const { createPage } = actions

  const { data } = await graphql(`
    {
      allMdx(limit: 5, sort: { fields: [frontmatter___date], order: DESC }) {
        edges {
          node {
            fileAbsolutePath
            frontmatter {
              path
              title
              date
            }
          }
        }
      }
    }
  `).catch(error => console.error(error))

  data.allMdx.edges.forEach(({ node }) => {
    createPage({
      path: `/posts${node.frontmatter.path}`,
      component: node.fileAbsolutePath,
      context: {
        pagePath: node.frontmatter.path,
      },
    })
  })
}