gatsby-shopify-starter | A Gatsby Shopify Starter | Ecommerce library

Let's connect your Shopify store to your Gatsby App now.
If you haven't already, create a new Shopify Account and store.
Personally, I recommend signing up for their partner program where you can experiment with multiple different Development Stores for experimentation and transfer ownership to store owners when you are ready.
Login to your account and create a new store
Your URL should read yourStoreName.myshopify.com/admin, and you should see something akin to the following:
In your Admin view, create a private app: navigate to your Apps click the ( undiscoverable ) Manage private apps link at the bottom of your Apps page. select create a new private app, and you should see the following: Provide a private app name, leave your Admin API credentials as Read Access Towards the bottom check "Allow this app to access your storefront data using the Storefront API." Check Read product tags and Read customer tags in addition to the default permissions. Click Save.
In your Products view, click add product. For the best experience, I recommend filling in data for the following: Title Description Media Pricing ( Price ) Inventory (Quantity, Track Quantity) Shipping (Weight, Country of origin) Variants (Optional, as this starter supports variants)
I would recommend adding at least 2 products, with perhaps some variants ( i.e. in mine, I added a soft cover and a hard cover, for "materials"), see image below:
Let's connect your Shopify store to your Gatsby App now. First clone this repo to your computer. Open this repo in your code editor Run yarn install to install all dependencies Run yarn develop, and you should now see the following: Now, to pull in your own products from Shopify, all you need to do is update the .env.development variables in this project. The .env file will look as follows: GATSBY_SHOP_NAME = jeremy-superhi-project1 GATSBY_SHOPIFY_ACCESS_TOKEN = a3155a160132b0ae0bf6bc40fa1c0dc0 Your GATSBY_SHOPIFY_ACCESS_TOKEN will be your Storefront access token from your Shopify App. To access this, in your Shopify Store, navigate to Apps > Private Apps > <YourPrivateApp> page. Scroll to the bottom and you'll see your Storefront access token. Copy this token, and setGATSBY_SHOPIFY_ACCESS_TOKEN equal to your Storefront access token. Now, let's update the GATSBY_SHOPIFY_ACCESS_TOKEN. You can find this by looking at your Shopify Shop URL: https://<yourShopName>.myshopify.com/admin copy the <yourShopName> portion from the URL, and set GATSBY_SHOP_NAME equal to it. Now, stop your server and run gatsby clean. This clears your cache so you don't run into any problems. Next, run yarn develop and you should see the store populated with your shop items.