-
Notifications
You must be signed in to change notification settings - Fork 0
/
gatsby-node.ts
36 lines (34 loc) · 1.33 KB
/
gatsby-node.ts
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
const path = require("path");
const articleTemplate = path.resolve(`./src/templates/article.js`);
exports.createPages = async ({ graphql, actions }: any) => {
const { data }: { data: Queries.GatsbyNodeQuery } = await graphql(`
query GatsbyNode{
allMdx(filter: { frontmatter: { type: { eq: "article" } } }) {
nodes {
id
frontmatter {
title
slug
date
type
}
internal {
contentFilePath
}
}
}
}
`);
data.allMdx.nodes.forEach((node: any) => {
actions.createPage({
// As mentioned above you could also query something else like frontmatter.title above and use a helper function
// like slugify to create a slug
path: `articles/${node.frontmatter.slug}`,
// Provide the path to the MDX content file so webpack can pick it up and transform it into JSX
component: `${articleTemplate}?__contentFilePath=${node.internal.contentFilePath}`,
// You can use the values in this context in
// our page layout component
context: { id: node.id },
});
});
};