Gatsby + Shopify with React Hooks Crash Course

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: https://designcode.io/react-hooks-handbook-gatsby-shopify-1
➡ Part 2: https://designcode.io/react-hooks-handbook-gatsby-shopify-2
➡ Part 3: https://designcode.io/react-hooks-handbook-gatsby-shopify-3

See the full project code base:
➡ 👩🏻‍💻 https://github.com/stephdiep/gatsby-shopify-tutorial

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

Видео Gatsby + Shopify with React Hooks Crash Course канала DesignCode