-
-
Notifications
You must be signed in to change notification settings - Fork 2
/
gatsby-node.js
71 lines (66 loc) · 1.62 KB
/
gatsby-node.js
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
const path = require('path');
exports.createPages = async ({graphql, actions}) => {
const result = await graphql(`
query {
posts: allMarkdownRemark(
filter: {frontmatter: {draft: {eq: false}}},
limit: 10000
) {
edges {
node {
frontmatter {
slug
}
}
}
totalCount
}
tagGroups: allMarkdownRemark {
group(field: frontmatter___tags) {
tag: fieldValue
totalCount
}
}
}
`);
result.data.posts.edges.forEach(({node}) => {
const slug = node.frontmatter.slug;
actions.createPage({
path: `/blog/${slug}`,
component: path.resolve('./src/blog/templates/BlogPost.tsx'),
context: {
slug,
},
});
});
const postsPerPage = 10;
const numberOfPages = Math.ceil(result.data.posts.totalCount / postsPerPage);
Array.from({length: numberOfPages}).forEach((_, index) => {
actions.createPage({
path: index === 0 ? `/blog` : `/blog/${index + 1}`,
component: path.resolve('./src/blog/templates/BlogPage.tsx'),
context: {
limit: postsPerPage,
skip: index * postsPerPage,
numberOfPages,
currentPage: index + 1,
},
})
});
result.data.tagGroups.group.forEach(({tag, totalCount}) => {
const numberOfPages = Math.ceil(totalCount / postsPerPage);
Array.from({length: numberOfPages}).forEach((_, index) => {
actions.createPage({
path: index === 0 ? `/blog/tag/${tag}` : `/blog/tag/${tag}/${index + 1}`,
component: path.resolve('./src/blog/templates/BlogTag.tsx'),
context: {
tag,
limit: postsPerPage,
skip: index * postsPerPage,
numberOfPages,
currentPage: index + 1,
},
});
});
});
};