gatsby-node.js

const path = require("path")

exports.createPages = ({ graphql, actions }) => {
  // Create Contenful blog posts.
  const contentfulBlogPosts = graphql(`
    {
      allContentfulBlogPost {
        edges {
          node {
            slug
          }
        }
      }
    }
  `).then(result => {
    result.data.allContentfulBlogPost.edges.forEach(({ node }) => {
      actions.createPage({
        component: path.resolve("./src/templates/blog-post.tsx"),
        context: {
          slug: node.slug,
        },
        path: `/sakeology/${node.slug}`,
      })
    })
  })

  // Create Contenful pages.
  const contentfulPages = graphql(`
    {
      allContentfulPage {
        edges {
          node {
            slug
          }
        }
      }
    }
  `).then(result => {
    result.data.allContentfulPage.edges.forEach(({ node }) => {
      actions.createPage({
        component: path.resolve("./src/templates/page.tsx"),
        context: {
          slug: node.slug,
        },
        path: node.slug === "home" ? "/" : `/${node.slug}`,
      })
    })
  })

  // Create Shopify products.
  const shopifyProducts = graphql(`
    {
      allShopifyProduct {
        edges {
          node {
            handle
            shopifyId
          }
        }
      }
    }
  `).then(result => {
    result.data.allShopifyProduct.edges.forEach(({ node }) => {
      const [, , , , id] = Buffer.from(node.shopifyId, "base64")
        .toString("ascii")
        .split("/")
      actions.createPage({
        component: path.resolve("./src/templates/product.tsx"),
        context: {
          handle: node.handle,
        },
        path: `/products/${node.handle}`,
      })
      actions.createPage({
        component: path.resolve("./src/templates/product.tsx"),
        context: {
          handle: node.handle,
        },
        path: `/private/products/${id}`,
      })
    })
  })

  return Promise.all([contentfulBlogPosts, contentfulPages, shopifyProducts])
}