gatsby-node.ts

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

/**
 * External modules
 */
import path from "path";

/**
 * Type modules
 */
import type { CreatePagesArgs, CreateWebpackConfigArgs } from "gatsby";

const POST_TEMPLATE_PATH = "src/templates/Post.tsx";

export const createPages = async ({ graphql, actions, reporter }: CreatePagesArgs) => {
  const { createPage } = actions;

  const queryResults = await graphql<Queries.AllPostPathsQuery>(`
    query AllPostPaths {
      allMdx {
        nodes {
          id
          frontmatter {
            slug
            secret
          }
          internal {
            contentFilePath
          }
        }
      }
    }
  `);
  if (queryResults.errors) {
    reporter.panicOnBuild("Error while running GraphQL query.");
    return;
  }

  const PostComponent = path.resolve(POST_TEMPLATE_PATH);
  queryResults.data?.allMdx.nodes.forEach((node) => {
    if (!node?.frontmatter?.slug) return;

    createPage({
      path: node.frontmatter.slug,
      component: `${PostComponent}?__contentFilePath=${node.internal.contentFilePath}`,
      context: {
        id: node.id,
        pagePath: node.frontmatter.slug,
      },
    });
  });
};

export const onCreateWebpackConfig = ({ actions }: CreateWebpackConfigArgs) => {
  actions.setWebpackConfig({
    resolve: {
      alias: {
        "@": path.resolve(__dirname, "src"),
      },
    },
  });
};