Create a Gatsby and Shopify website by setting up a Shopify store, connecting to a Gatsby website and integrating a seamless checkout experience
Access the written version of this tutorial:
β‘ Part 1:
β‘ Part 2:
β‘ Part 3:
See the full project code base:
β‘ π©π»βπ»
0:00 – Introduction
0:31 – Completed project links
0:53 – Why use Shopify?
1:28 – Create a Shopify store
2:13 – Create a Shopify private app
3:47 – Shopify API keys
4:17 – Add products to Shopify store
5:00 – Connect app to Shopify account
8:10 – Fetch products with GraphQL
9:23 – Create the products list page
11:58 – Display all products
13:49 – Create a unique product show page
17:04 – Add the shopify-buy package
18:13 – Create the store context
20:32 – Create the store provider
23:40 – Wrap the application with the provider
24:59 – Create the cart page
26:15 – Add to cart functionality
28:06 – Remove from cart functionality
29:17 – Redirect to Shopify checkout page
30:58 – Conclusion
12 Comments
Sithum Dasantha
3 years agoGreat! Keep it up π€
Alexia Levesque
3 years agoYes girrrl π₯
Christoph Dietrich
3 years agoItβs like a race. Please give the people out there a little more breath between sentences. Thank you. PS: If they are in hurry, they will speed up the video or skip parts by themself.
KickMyApps
3 years agoTwelve Best Crypto Payment Integrations for Your Shopify Store
https://www.youtube.com/watch?v=v9hEqehUdsA
wibbs
3 years agoI'm getting "Error in removeLineItem: TypeError: Cannot read properties of undefined (reading '0')" when trying to remove an item from the cart. My code is exactly the same as yours. : /
Mikey Sauce
3 years agoWonderful of you to do this, thank you. πΌ
Frogs'n'Grandmothers
3 years agoThank you for this tutorial. Will you maybe consider explaining how to fetch products with translated data?
Frogs'n'Grandmothers
3 years agoat 19:20 you're passing a second argument to "buildClient", but this function accepts only one argument… TS throws error on this line. Also, how can I fetch translations of my products?
Mohamed Ghazal
3 years agoHi, thank you for this.
I am having an issue where my allShopifyProduct returns empty, even though I have active products in shopify. Do you have any idea why?
I used the env document with the right password and storeurl.
Thanks!
Paul Salele
3 years agoGreat tutorial and thanks for making source code available!!
yash
3 years agoAny particular reason for not using NextJs
Ashita G
3 years agoThere's some changes in Shopifys access token. What do you replace password with instead?