portfolio/gatsby-node.js

const path = require('path')

// Intersection Observer polyfill
// requires `npm install intersection-observer`
// https://github.com/gatsbyjs/gatsby/issues/2288#issuecomment-334467821
// exports.onCreateWebpackConfig = ({ actions, loaders, stage }) => {
//   const { setWebpackConfig } = actions

//   if (stage === 'build-html') {
//     const nullRule = {
//       test: /intersection-observer/,
//       use: [loaders.null()]
//     }

//     setWebpackConfig({
//       module: {
//         rules: [nullRule]
//       }
//     })
//   }
// }

//
// Create project pages from projects.yml
//
exports.createPages = async ({ actions, graphql }) => {
  const { createPage } = actions

  return new Promise((resolve, reject) => {
    const template = path.resolve('src/templates/Project.jsx')

    resolve(
      graphql(`
        {
          allProjectsYaml {
            edges {
              node {
                slug
              }
            }
          }
        }
      `).then(result => {
        if (result.errors) {
          reject(result.errors)
        }

        result.data.allProjectsYaml.edges.forEach(({ node }) => {
          const slug = node.slug

          createPage({
            path: slug,
            component: template,
            context: {
              slug
            }
          })
        })

        resolve()
      })
    )
  })
}