codeacademyberlin.com/gatsby-node.js at master · CodeAcademyBerlin/codeacademyberlin.com · 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
109
110
111
112
113
114
115
const _ = require("lodash");
const path = require("path");
const { createFilePath } = require("gatsby-source-filesystem");
const { fmImagesToRelative } = require("gatsby-remark-relative-images");
exports.createPages = ({ graphql, actions }) => {
  const { createPage } = actions

  const blogPostTemplate = path.resolve(`src/templates/blog-post.js`)
  const tagPagesTemplate = path.resolve(`src/templates/template-tag-page.js`)
  return graphql(
    `
      {
        allMarkdownRemark(
          limit: 1000
          # filter: { frontmatter: { draft: { ne: true } } }
        ) {
          edges {
            node {
              id
              fields {
                slug
              }
              frontmatter {
                tags
                path
                templateKey
              }
            }
          }
        }
      }
    `
  ).then(result => {
    if (result.errors) {
      throw result.errors
    }

    // Create blog posts pages.
    result.data.allMarkdownRemark.edges.forEach(edge => {
      if (edge.node.frontmatter.templateKey === 'blog-post') {
        createPage({
          path: edge.node.fields.slug,
          component: blogPostTemplate,
          context: {
            id: edge.node.id,
            slug: edge.node.fields.slug,
          },
        })
      }
      else if (edge.node.frontmatter.templateKey) {
        const component = path.resolve(`src/templates/${String(edge.node.frontmatter.templateKey)}.js`)
        createPage({
          // path: edge.node.frontmatter?.path, // required
          path: edge.node.fields.slug, // required
          component,
          context: {
            id: edge.node.id,
            slug: edge.node.fields.slug,
            highlight: edge.node.frontmatter.highlight,
            shadow: edge.node.frontmatter.shadow,
          },
        })
      }

    })

    // Create tag pages.
    let tags = []
    result.data.allMarkdownRemark.edges.forEach(edge => {
      if (_.get(edge, `node.frontmatter.tags`)) {
        tags = tags.concat(edge.node.frontmatter.tags)
      }
    })
    tags = _.uniq(tags)
    tags.forEach(tag => {
      const tagPath = `/tags/${_.kebabCase(tag)}/`
      createPage({
        path: tagPath,
        component: tagPagesTemplate,
        context: {
          tag,
        },
      })
    })
  })
}
// Add custom url pathname for blog posts.
exports.onCreateNode = ({ node, actions, getNode }) => {
  const { createNodeField } = actions
  fmImagesToRelative(node);
  if (node.internal.type === `File`) {
    const parsedFilePath = path.parse(node.absolutePath)
    const slug = `/${parsedFilePath.dir.split(`---`)[1]}/`
    createNodeField({ node, name: `slug`, value: slug })
  } else
    if (
      node.internal.type === `MarkdownRemark` &&
      typeof node.slug === `undefined`
    ) {
      const value = createFilePath({ node, getNode });
      // const fileNode = getNode(node.parent)
      createNodeField({
        node,
        name: `slug`,
        value,
      })

      if (node.frontmatter.tags) {
        const tagSlugs = node.frontmatter.tags.map(
          tag => `/tags/${_.kebabCase(tag)}/`
        )
        createNodeField({ node, name: `tagSlugs`, value: tagSlugs })
      }
    }
}