praca-seca/gatsby-node.js at master · brenonovelli/praca-seca · GitHub

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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
const path = require('path');

const { createFilePath } = require(`gatsby-source-filesystem`);

const categories = require(`./src/utils/categories`);

exports.createSchemaCustomization = ({ actions }) => {
  const { createTypes } = actions;
  const typeDefs = `
    type MarkdownRemark implements Node {
      frontmatter: Frontmatter!
    }

    type Frontmatter {
      title: String!
      date(
        difference: String
        formatString: String
        fromNow: Boolean
        locale: String
      ): Date!
      category: String!
      subcategory: String
      tags: [String]
      delivery: String!
      description: String!
      zone: String
      address: String
      background: String
      email: String
      site: String
      telefone: String
      whatsapp: String
      instagram: String
      facebook: String
      image: String
    }
  `;
  createTypes(typeDefs);
};

// To add the slug field to each post
exports.onCreateNode = ({ node, getNode, actions }) => {
  const { createNodeField } = actions;
  // Ensures we are processing only markdown files
  if (node.internal.type === 'MarkdownRemark') {
    // Use `createFilePath` to turn markdown files in our `data/faqs` directory into `/faqs/slug`
    const slug = createFilePath({
      node,
      getNode,
      basePath: 'pages',
    });

    // Creates new query'able field with name of 'slug'
    createNodeField({
      node,
      name: 'slug',
      value: `/${slug}`,
    });
  }
};

// To create the posts pages
exports.createPages = ({ graphql, actions }) => {
  const { createPage } = actions;
  return graphql(`
    {
      allMarkdownRemark(sort: { fields: frontmatter___date, order: DESC }) {
        edges {
          node {
            fields {
              slug
            }
            frontmatter {
              date(locale: "pt-br", formatString: "DD [de] MMMM [de] YYYY")
              title
              description
              category
              subcategory
              tags
              address
              background
              email
              site
              telefone
              whatsapp
              instagram
              facebook
              delivery
              image
            }
            timeToRead
          }
          next {
            frontmatter {
              title
            }
            fields {
              slug
            }
          }
          previous {
            fields {
              slug
            }
            frontmatter {
              title
            }
          }
        }
      }
    }
  `).then(result => {
    const posts = result.data.allMarkdownRemark.edges;

    posts.forEach(({ node, next, previous }) => {
      createPage({
        path: node.fields.slug,
        component: path.resolve(`./src/templates/blog-post.js`),
        context: {
          // Data passed to context is available
          // in page queries as GraphQL variables.
          slug: node.fields.slug,
          previousPost: next,
          nextPost: previous,
        },
      });
    });

    // const postsPerPage = 12;
    // const numPages = Math.ceil(posts.length / postsPerPage);
    // const pagination = posts.length > postsPerPage;

    // Array.from({ length: numPages }).forEach((_, index) => {
    //   createPage({
    //     path: index === 0 ? `/` : `/page/${index + 1}`,
    //     component: path.resolve(`./src/templates/blog-list.js`),
    //     context: {
    //       limit: postsPerPage,
    //       skip: index * postsPerPage,
    //       numPages,
    //       currentPage: index + 1,
    //       pagination,
    //     },
    //   });
    // });

    categories.forEach(category => {
      createPage({
        path: category.slug,
        component: path.resolve(`./src/templates/category.js`),
        context: {
          title: category.title,
          subcategories: category.subcategories,
          color: category.color,
          slug: category.slug,
        },
      });
    });
  });
};