gatsby-node.js
const path = require("path")
const _ = require("lodash")
const webpackLodashPlugin = require("lodash-webpack-plugin")
const siteConfig = require("./data/SiteConfig")
const {
createPaginationPages,
createLinkedPages
} = require("gatsby-pagination")
exports.onCreateNode = ({ node, boundActionCreators, getNode }) => {
const { createNodeField } = boundActionCreators
let slug
if (node.internal.type === "MarkdownRemark") {
const fileNode = getNode(node.parent)
const parsedFilePath = path.parse(fileNode.relativePath)
if (
Object.prototype.hasOwnProperty.call(node, "frontmatter") &&
Object.prototype.hasOwnProperty.call(node.frontmatter, "title")
) {
slug = `/blog/${_.kebabCase(node.frontmatter.title)}`
} else if (parsedFilePath.name !== "index" && parsedFilePath.dir !== "") {
slug = `/${parsedFilePath.dir}/${parsedFilePath.name}/`
} else if (parsedFilePath.dir === "") {
slug = `/${parsedFilePath.name}/`
} else {
slug = `/${parsedFilePath.dir}/`
}
if (
Object.prototype.hasOwnProperty.call(node, "frontmatter") &&
Object.prototype.hasOwnProperty.call(node.frontmatter, "slug")
) {
slug = `/blog/${_.kebabCase(node.frontmatter.slug)}`
}
createNodeField({ node, name: "slug", value: slug })
}
}
exports.createPages = ({ graphql, boundActionCreators }) => {
const { createPage } = boundActionCreators
return new Promise((resolve, reject) => {
const postPage = path.resolve("src/templates/post.jsx")
const tagPage = path.resolve("src/templates/tag.jsx")
const tagsPage = path.resolve("src/pages/tags.jsx")
resolve(
graphql(
`
{
allMarkdownRemark(
limit: 1000
sort: { fields: [frontmatter___date], order: DESC }
) {
totalCount
edges {
node {
frontmatter {
title
tags
cover
socialCover
blur
custom
date
}
fields {
slug
}
excerpt
timeToRead
}
}
}
}
`
).then(result => {
if (result.errors) {
/* eslint no-console: "off" */
console.log(result.errors)
reject(result.errors)
}
result.data.allMarkdownRemark.edges.forEach(edge => {
createPage({
path: `/tags`,
component: tagsPage
})
})
// Creates Posts
createLinkedPages({
createPage,
edges: result.data.allMarkdownRemark.edges,
component: postPage,
edgeParser: edge => ({
path: edge.node.fields.slug,
context: {
slug: edge.node.fields.slug
}
}),
circular: true
})
const tagSet = new Set()
const tagMap = new Map()
result.data.allMarkdownRemark.edges.forEach(edge => {
if (edge.node.frontmatter.tags) {
edge.node.frontmatter.tags.forEach(tag => {
tagSet.add(tag)
const array = tagMap.has(tag) ? tagMap.get(tag) : []
array.push(edge)
tagMap.set(tag, array)
})
}
})
const tagFormatter = tag => route =>
`/tags/${_.kebabCase(tag)}/${route !== 1 ? route : ""}`
const tagList = Array.from(tagSet)
tagList.forEach(tag => {
createPaginationPages({
createPage,
edges: tagMap.get(tag),
component: tagPage,
pathFormatter: tagFormatter(tag),
limit: siteConfig.sitePaginationLimit,
context: {
tag
}
})
})
})
)
})
}
exports.modifyWebpackConfig = ({ config, stage }) => {
if (stage === "build-javascript") {
config.plugin("Lodash", webpackLodashPlugin, null)
}
}