blog/gatsby-node.ts

import type { GatsbyNode } from 'gatsby'
import { createExif } from './gatsby/createExif'
import { createMarkdownFields } from './gatsby/createMarkdownFields'
import {
  generateArchivePages,
  generatePhotosPages,
  generatePostPages,
  generateRedirectPages,
  generateTagPages
} from './gatsby/createPages'
import { generateJsonFeed } from './gatsby/feeds'

export const onCreateNode: GatsbyNode['onCreateNode'] = ({
  node,
  actions,
  getNode,
  createNodeId
}) => {
  // Markdown files
  if (node.internal.type === 'MarkdownRemark') {
    createMarkdownFields(node, actions, getNode)
  }

  // Image files
  if (node.internal.mediaType === 'image/jpeg') {
    createExif(node, actions, createNodeId)
  }
}

export const createPages: GatsbyNode['createPages'] = async ({
  graphql,
  actions,
  reporter
}) => {
  const { createPage, createRedirect } = actions

  const result: { data?: Queries.AllContentQuery; errors?: any } =
    await graphql(`
      query AllContent {
        all: allMarkdownRemark(sort: { fields: { date: DESC } }) {
          edges {
            next {
              fields {
                slug
              }
              frontmatter {
                title
              }
            }
            node {
              fields {
                slug
              }
              frontmatter {
                tags
              }
            }
            previous {
              fields {
                slug
              }
              frontmatter {
                title
              }
            }
          }
        }
        photos: allMarkdownRemark(
          filter: { fields: { type: { eq: "photo" } } }
        ) {
          edges {
            node {
              id
            }
          }
        }
        archive: allMarkdownRemark(
          filter: { fields: { type: { nin: "photo" } } }
        ) {
          edges {
            node {
              id
            }
          }
        }
        tags: allMarkdownRemark {
          group(field: { frontmatter: { tags: SELECT } }) {
            tag: fieldValue
            totalCount
          }
        }
      }
    `)

  if (result.errors) {
    reporter.panicOnBuild(`Error while running GraphQL query.`)
    return
  }

  const all = result?.data?.all.edges
  const photosLength = result?.data?.photos.edges.length
  const archiveLength = result?.data?.archive.edges.length
  const tags = result?.data?.tags.group

  // Generate post pages
  generatePostPages(createPage, all)

  // Generate photos archive pages
  generatePhotosPages(createPage, photosLength)

  // Generate tag pages
  generateTagPages(createPage, tags)

  // Generate archive pages
  generateArchivePages(createPage, archiveLength)

  // Create manual redirects
  generateRedirectPages(createRedirect)
}

export const onPostBuild: GatsbyNode['onPostBuild'] = async ({ graphql }) => {
  // JSON Feed query
  const result: { data?: Queries.AllContentFeedQuery; errors?: any } =
    await graphql(`
      query AllContentFeed {
        allMarkdownRemark(sort: { fields: { date: DESC } }) {
          edges {
            node {
              html
              fields {
                slug
                date
              }
              excerpt
              frontmatter {
                title
                tags
                updated
                image {
                  childImageSharp {
                    resize(width: 940, quality: 85) {
                      src
                    }
                  }
                }
              }
            }
          }
        }
      }
    `)

  if (result.errors) throw result.errors

  // Generate json feed
  await generateJsonFeed(result?.data?.allMarkdownRemark.edges)

  return Promise.resolve()
}

export const onCreateWebpackConfig: GatsbyNode['onCreateWebpackConfig'] = ({
  actions
}) => {
  actions.setWebpackConfig({
    resolve: {
      fallback: {
        util: false
      }
    }
  })
}