gatsby-node.esm.js

/**
 * Implement Gatsby's Node APIs in this file.
 *
 * See: https://www.gatsbyjs.org/docs/node-apis/
 */

const path = require('path');

exports.onCreateWebpackConfig = ({ actions }) => {
  actions.setWebpackConfig({
    resolve: {
      alias: {
        '~src': path.resolve(__dirname, 'src'),
        '~pages': path.resolve(__dirname, 'src/pages'),
        '~utils': path.resolve(__dirname, 'src/utils'),
        '~components': path.resolve(__dirname, 'src/components'),
        '~styles': path.resolve(__dirname, 'src/components/styles'),
        '~helpers': path.resolve(__dirname, 'src/components/helpers'),
        '~svgs': path.resolve(__dirname, 'src/components/svgs'),
        '~content': path.resolve(__dirname, 'src/content'),
        '~hooks': path.resolve(__dirname, 'src/hooks'),
      },
    },
  });
};

const gardenCollectionPages = async ({ graphql, actions }) => {
  const collectionItemTemplate = path.resolve(
    './src/pages/templates/collection-item.js',
  );
  const collectionData = require('./src/content/collections/garden-collection.json');

  collectionData.forEach(collection => {
    actions.createPage({
      path: `collections/garden-collection/${collection.slug}`,
      component: collectionItemTemplate,
      context: {
        ...collection,
      },
    });
  });
};

const wanderCollectionPages = async ({ graphql, actions }) => {
  const collectionItemTemplate = path.resolve(
    './src/pages/templates/collection-item.js',
  );
  const collectionData = require('./src/content/collections/wander-collection.json');

  collectionData.forEach(collection => {
    actions.createPage({
      path: `collections/wander-collection/${collection.slug}`,
      component: collectionItemTemplate,
      context: {
        ...collection,
      },
    });
  });
};

export const createPages = async params => {
  await Promise.all([
    gardenCollectionPages(params),
    wanderCollectionPages(params),
  ]);
};