create-pages.js

const path = require('path');

module.exports = async ({ graphql, actions, reporter }) => {
  const { createPage } = actions;

  const result = await graphql(`
    query {
      allBookSection {
        edges {
          previous {
            id
          }
          node {
            slug
            id
          }
          next {
            id
          }
        }
      }
    }
  `);

  if (result.errors) {
    reporter.panicOnBuild('🚨  ERROR: Loading "createPages" query');
  }

  // Create a page for each sections
  const sections = result.data.allBookSection.edges;

  if (sections.length > 0) {
    sections.forEach(({ previous, node, next }) => {
      const previousId = previous === null ? null : previous.id;
      const nextId = next === null ? null : next.id;

      createPage({
        path: `/${node.slug}/`,
        component: path.resolve(`./src/layouts/ChapterLayout.js`),
        context: {
          id: node.id,
          previousId,
          nextId,
        },
      });
    });
  }
};