Real World Performance: lazy loading, optimizing media, faster analytics join us Wednesday

ContactSign Up
Community Plugin
View plugin on GitHub


Source plugin for pulling product data into Gatsby from a Shopify store.

Note: This is not a feature-complete source plugin. Please submit a pull request and/or open an issue for improvements you feel are necessary. Thanks!


npm install --save gatsby-source-shopify

How to use

// In your gatsby-config.js
plugins: [
    resolve: `gatsby-source-shopify`,
    options: {
      name: `your_shop_name`,
      token: `your_access_token`,

How to query

You can query nodes created from Shopify like the following:

  allProductNode {
    edges {
      node {

Utilize Gatsby’s built-in GraphiQL IDE to explore the node schemas available.

© 2023 Gatsby, Inc.