jaeyoon.dev/gatsby-node.ts at main · devjaeyoon/jaeyoon.dev · 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
import { GatsbyNode } from 'gatsby';
import path from 'path';
import { GraphQLData } from './src/types';

const AboutPageTemplate = path.resolve('./src/templates/AboutPage.tsx');
const PostPageTemplate = path.resolve('./src/templates/PostPage.tsx');

export const createPages: GatsbyNode['createPages'] = async ({
  graphql,
  actions: { createPage },
}) => {
  const result = await graphql<GraphQLData>(`
    query {
      about: allMdx(filter: { frontmatter: { category: { eq: "about" } } }) {
        nodes {
          id
          frontmatter {
            category
          }
          internal {
            contentFilePath
          }
        }
      }
      allPosts: allMdx(filter: { frontmatter: { category: { ne: "about" } } }) {
        nodes {
          id
          frontmatter {
            slug
            category
          }
          internal {
            contentFilePath
          }
        }
      }
    }
  `);

  if (result.errors) {
    throw result.errors;
  }

  const about = result.data?.about?.nodes[0];

  if (about) {
    createPage({
      path: '/about',
      component: `${AboutPageTemplate}?__contentFilePath=${about.internal.contentFilePath}`,
      context: {
        id: about.id,
        category: about.frontmatter.category,
      },
    });
  }

  result.data?.allPosts?.nodes.forEach((node) => {
    const postPath = `/posts/${node.frontmatter.slug}`;

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