gatsby-source-shopify | Source plugin for pulling product data | Ecommerce library

I am trying to create a gatsby site that uses shopify.

Following the gatsby docs here I noticed that there was no "private" apps.

According to the shopify docs here private apps have been deprecated and now they are called custom apps.

This is the part I get a bit confused. Along with this is a change in auth. Before, using the gatsby-source-shopify plugin, I was able to add a store url and private app password into the gatsby-config and then I could work with the shopify storefront API. But, now there is not single password with custom apps.

Because this deprecation (from shopify) happened 2 months ago it seems like Gatsby documentation needs to be updated as well as the gatsby-source-shopify plugin.

Some general direction and help on how to get a gatsby site to authenticate (which now uses OAuth) with the shopify storefront API would be great.

If you've ever watched Trevor Harmon's talk on Gatsby and Shopify, he does explain the integration between both.

Basically, in Shopify, all you need is

1. Shopify partner account (for someone aiming to test this)
2. Bogus gateway for payments
3. Create new private app in Shopify. Storefront API, and select the boxes to read product tags and read customer tags.
4. Create products. Options - size, color, ... Variance - combination of options.

Now, to pull data to Gatsby one needs the plugin gatsby-source-shopify and allShopifyProduct has variants with shopifyID and that's what one wants to use.

Then, for the checkout, he mentions shopify-buy plugin. Thing is, I couldn't find such plugin.

Found one with similar name called gatsby-plugin-shopify-buy but it has a slightly different name (In Gatsby plugins already noticed there's people giving similar names to some good ones as a way to get people to use them) and different methods, so that's not the one.

How should I implement the checkout then?

I want to display groups of Shopify products based on what collections they're associated with, using gatsby-source-shopify

Filtering to get all products from one collection as easy as running this query:

I am using gatsby. All was working fine recently until I ran npm update as I wanted to ensure I was up to date. Since then I am getting white pages I navigate to with this error

I believe this error is only occurring as the page is not loading and is not the root cause. I am looking to correct the root cause of the page not loading.

Looking around it seemed like this could be a service worker problem So I removed the service works as per gatsby guides but no luck.

The error only occurs when navigating to a page, for example

So, I'm struggling to understand how Gatsby works. I'm using the https://www.gatsbyjs.org/starters/AlexanderProd/gatsby-shopify-starter/ which uses a Gatsby plugin called gatsby-source-shopify. The plugin takes two params: shopName and accessToken. It looks like this in gatsby-config.js: