gatsby-node.js

const path = require(`path`)
const _ = require("lodash")

exports.onCreatePage = async ({ page, actions }) => {
  const { createPage } = actions
  if (page.path.match(/^\/dashboard/)) {
    page.matchPath = "/dashboard/*"
    createPage(page)
  }
}



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

  const products = await graphql(`
  {
    allShopifyProduct {
      edges {
        node {
          id
          handle
        }
      }
    }
  }
  `)




  const staticPage = await graphql(`
  {
    allShopifyPage {
      edges {
        node {
          id
          handle
        }
      }
    }
  }
  `)

  const collections = await graphql(`
    {
      allShopifyCollection {
        edges {
          node {
            id
            title
            handle
          }
        }
      }
    }
  `)

  const template = path.resolve("src/templates/ProductPage.js")
  const collectionTemplate = path.resolve("src/templates/Collection.js")
  const staticPageTemplate = path.resolve("src/templates/staticPageTemplate.js")

  products.data.allShopifyProduct.edges.forEach(edge => {
    createPage({
      path: `/product/${edge.node.handle}`,
      component: template,
      context: {
        id: edge.node.id,
        handle: edge.node.handle,
      },
    })
  })


  staticPage.data.allShopifyPage.edges.forEach(edge => {
    createPage({
      path: `/${edge.node.handle}`,
      component: staticPageTemplate,
      context: {
        id: edge.node.id,
        handle: edge.node.handle,
      },
    })
  })

  collections.data.allShopifyCollection.edges.forEach(edge => {
    createPage({
      path: `/collections/${edge.node.handle}`,
      component: collectionTemplate,
      context: {
        id: edge.node.id,
        handle: edge.node.handle,
      },
    })
  })


}