gatsby-node.js

const { resolve } = require('path')
const { createFilePath } = require('gatsby-source-filesystem')
const kebabCase = require('lodash/kebabCase')
const { paginate } = require('gatsby-awesome-pagination')
const fetch = require('node-fetch')
const { apiPageMap } = require('./pageMap')

const getStats = async (strategy) => {
  if (strategy) {
    const res = await fetch(`https://api.talaikis.com/v1.0/stats/${strategy}`).catch((e) => console.log(e))
    const data = await res.json()
    return data
  }
  return false
}

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

  const blogPostTpl = resolve('./src/templates/blog-post.js')
  const result = await graphql(
    `
      {
        postRemark: allMarkdownRemark(
          sort: { fields: [frontmatter___date], order: DESC }
          limit: 1000
        ) {
          edges {
            node {
              fields {
                slug
              }
              frontmatter {
                title
                date
                image
              }
            }
          }
        }
        tagsGroup: allMarkdownRemark(limit: 1000) {
          group(field: frontmatter___tags) {
            fieldValue
          }
        }
      }
    `
  )

  if (result.errors) {
    console.log(result.errors)
  }

  // Create blog posts pages.
  const posts = result.data.postRemark.edges
  const tags = result.data.tagsGroup.group
  const tagTemplate = resolve('./src/templates/tags.js')

  paginate({
    createPage,
    items: posts,
    itemsPerPage: 10,
    pathPrefix: '/',
    component: resolve('./src/templates/blog-list.js')
  })

  posts.forEach(async (post, index) => {
    const previous = index === posts.length - 1 ? null : posts[index + 1].node
    const next = index === 0 ? null : posts[index - 1].node
    const slug = post.node.fields.slug
    // const strategy = typeof apiPageMap[slug.replace(/\//g, '')] !== 'undefined' ? apiPageMap[slug.replace(/\//g, '')] : false
    // const stats = await getStats(strategy)

    createPage({
      path: slug,
      component: blogPostTpl,
      context: {
        slug,
        previous,
        next
      }
    })
  })

  tags.forEach(tag => {
    createPage({
      path: `/tags/${kebabCase(tag.fieldValue)}/`,
      component: tagTemplate,
      context: {
        tag: tag.fieldValue,
      }
    })
  })
}

exports.onCreateNode = ({ node, actions, getNode }) => {
  const { createNodeField } = actions

  if (node.internal.type === 'MarkdownRemark') {
    const value = createFilePath({ node, getNode })
    createNodeField({
      name: 'slug',
      node,
      value
    })
  }
}