site/gatsby-node.js at master · impuls-e/site · 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
/**
 * Implement Gatsby's Node APIs in this file.
 *
 * See: https://www.gatsbyjs.org/docs/node-apis/
 */

// You can delete this file if you're not using it
const path = require(`path`)
exports.createPages = async ({ graphql, actions }) => {
  const { createPage } = actions
  // Query for all projects in Shopify
  const result = await graphql(`
    query {
      allMdx(filter: { frontmatter: { tag: { eq: "project" } } }) {
        edges {
          node {
            frontmatter {
              description
              title
              handle
              services
              liveUrl
              defaultMockup {
                childImageSharp {
                  fluid(maxHeight: 550) {
                    src
                  }
                }
              }
              defaultImg {
                childImageSharp {
                  fluid(maxHeight: 550) {
                    src
                  }
                }
              }
              cellphone {
                childImageSharp {
                  fluid(maxHeight: 550) {
                    src
                  }
                }
              }
              tablet {
                childImageSharp {
                  fluid(maxHeight: 550) {
                    src
                  }
                }
              }
              desktop {
                childImageSharp {
                  fluid(maxHeight: 550) {
                    src
                  }
                }
              }
            }
          }
        }
      }
    }
  `)
  // The project "title" is generated automatically by Shopify
  result.data.allMdx.edges.forEach(({ node }) => {
    createPage({
      path: `/project/${node.frontmatter.handle}`,
      component: path.resolve(`./src/templates/project.js`),
      context: {
        project: node.frontmatter,
      },
    })
  })
}