gatsby-node.js

gatsby-node.js

In the gatsby-node.js file we have basically fetched all our shopify collection and generated dynamic page based on shopify collection.

Here's how our shopify collection look like in our shopify store,

shopify collection

When we source our shopify collection in graphql, image taken from http://localhost:8000/___graphql

collection graphql

and finally we generated the dynamic category pages in the gatsby-node.js file.

gatsby node

NB: don't worry about those underlines those are catching spelling mistakes in my editor.