webbiscuit-website/gatsby-node.ts at master · webbiscuit/webbiscuit-website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
const path = require("path");
const slugify = require(`@sindresorhus/slugify`);

exports.onCreateNode = ({ node, actions }) => {
  const { createNodeField, createPages } = actions;
  if (node.internal.type === `Mdx`) {
    createNodeField({
      node,
      name: `slug`,
      value: node.frontmatter.slug ?? `/${slugify(node.frontmatter.title)}/`,
    });
  }
};

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

  const pageResult = await graphql(`
    query {
      allMdx(filter: { fields: { source: { eq: "pages" } } }) {
        nodes {
          id
          fields {
            slug
          }
          internal {
            contentFilePath
          }
        }
      }
    }
  `);

  if (pageResult.errors) {
    reporter.panicOnBuild("Error loading MDX result", pageResult.errors);
  }

  // Create blog post pages.
  const pages = pageResult.data.allMdx.nodes;
  const pageTemplate = path.resolve(`./src/templates/pages.tsx`);

  pages.forEach((node) => {
    // console.log(node);

    const slug = node.fields.slug ?? "";

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

  const blogResult = await graphql(`
    query {
      allMdx(filter: { fields: { source: { eq: "blog" } } }) {
        nodes {
          id
          fields {
            slug
          }
          internal {
            contentFilePath
          }
        }
      }
    }
  `);

  if (blogResult.errors) {
    reporter.panicOnBuild("Error loading MDX result", blogResult.errors);
  }

  // Create blog post pages.
  const blogs = blogResult.data.allMdx.nodes;
  const blogTemplate = path.resolve(`./src/templates/blog.tsx`);

  blogs.forEach((node) => {
    // console.log(node);

    const slug = node.fields.slug ?? "";

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