website/gatsby-node.js

const path = require("path");

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

  const noteTemplate = path.resolve(`src/templates/note.tsx`);
  const result = await graphql(`
    {
      allMdx(
        limit: 10
        filter: { fileAbsolutePath: { glob: "**/src/notes/*" } }
      ) {
        edges {
          node {
            frontmatter {
              path
              hidden
            }
            id
          }
        }
      }
    }
  `);

  if (result.errors) {
    reporter.panicOnBuild(`Error while running GraphQL query.`);
    return;
  }

  const posts = result.data.allMdx.edges.filter(({ node }) => !node.frontmatter.hidden);
  const postsPerPage = 10;
  const numPages = Math.ceil(posts.length / postsPerPage);
  const rootPath = "/notes";

  Array.from({ length: numPages }).forEach((_, i) => {
    createPage({
      path: rootPath + (i === 0 ? '' : `/${i + 1}`),
      component: path.resolve("./src/templates/notes.tsx"),
      context: {
        limit: postsPerPage,
        skip: i * postsPerPage,
        numPages,
        currentPage: i + 1,
        rootPath,
      },
    })
  });

  // Must decouple to ensure hidden pages are still rendered, just excluded from
  // notes mapping
  result.data.allMdx.edges.forEach(({ node }) => {
    createPage({
      path: `${rootPath}/${node.frontmatter.path}`,
      component: noteTemplate,
      context: {
        id: node.id,
      },
    });
  });
}
exports.createSchemaCustomization = ({ actions: { createTypes } }) => {
  createTypes(`
    type Mdx implements Node {
      frontmatter: MdxFrontmatter
    }

    type MdxFrontmatter {
      hidden: Boolean
    }
  `);
};