personal_website/gatsby-node.js at master · welvin21/personal_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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
exports.createPages = async ({ actions, graphql, reporter }) => {
  const { createPage } = actions;

  const ProjectTemplate = require.resolve(
    `./src/templates/ProjectTemplate.tsx`
  );

  const BlogPostTemplate = require.resolve(
    `./src/templates/BlogPostTemplate.tsx`
  );

  const TagTemplate = require.resolve(`./src/templates/TagTemplate.tsx`);

  const projects = await graphql(`
    {
      allMdx(
        filter: { fileAbsolutePath: { regex: "/src/projects/" } }
        sort: { order: DESC, fields: [frontmatter___date] }
        limit: 1000
      ) {
        edges {
          node {
            frontmatter {
              path
            }
          }
        }
      }
    }
  `);

  const blogPosts = await graphql(`
    {
      allMdx(
        filter: { fileAbsolutePath: { regex: "/src/blog-posts/" } }
        sort: { order: DESC, fields: [frontmatter___date] }
        limit: 1000
      ) {
        edges {
          node {
            frontmatter {
              path
              title
              date
              excerpt
              tags
            }
          }
        }
      }
    }
  `);

  // Handle errors
  if (projects.errors || blogPosts.errors) {
    reporter.panicOnBuild(`Error while running GraphQL query.`);
    return;
  }

  projects.data.allMdx.edges.forEach(
    ({
      node: {
        frontmatter: { path },
      },
    }) => {
      createPage({
        path,
        component: ProjectTemplate,
        context: {},
      });
    }
  );

  blogPosts.data.allMdx.edges.forEach(
    ({
      node: {
        frontmatter: { path },
      },
    }) => {
      createPage({
        path,
        component: BlogPostTemplate,
        context: {},
      });
    }
  );

  const tagsCount = {};
  for (const {
    node: { frontmatter: blogPost },
  } of blogPosts.data.allMdx.edges) {
    for (const tag of blogPost.tags) {
      if (Object.keys(tagsCount).includes(tag)) {
        tagsCount[tag].push(blogPost);
      } else {
        tagsCount[tag] = [blogPost];
      }
    }
  }

  Object.keys(tagsCount).forEach(tag => {
    createPage({
      path: `/tags/${tag.toLowerCase().replace(' ', '-')}`,
      component: TagTemplate,
      context: { tag, posts: tagsCount[tag] },
    });
  });
};