Learn how to build a custom Shopify Storefront with React (Hooks and functional components) using the Shopify Buy SDK.
The long awaited Custom Shopify Storefront course is finally ready!
I am so happy to be releasing it after getting tons of requests from everyone for this course!
Start creating some beautiful, blazing fast, custom storefronts using the Shopify Headless CMS! Headless ecommerce is definitely the way of future development and allows for both flexibility and security.
We will be starting off with all of the basic setup so that if you are in rush, you can learn everything to get you started in the first hour. After that, we will continue to build out the website using Chakra UI and easily make it responsive and beautiful.
Topics covered:
– Shopify Partners Account and Dashboard
– Connecting to Shopify Buy SDK
– Creating a React Application
– Using Chakra UI to quickly build custom storefronts
– How to build dynamic components
– Styling a full e-commerce store
– Creating a slide out Cart and Menu components
– Creating a Shopify Checkout URL
– Using local Storage to persist the cart data
– Discussing Next.js, Gatsby, Contentful, SEO, Webhooks, and deployment
– React Context
– Section Structure
– Visual Portfolio Piece
– CSS Animations
– Managing State
– Persistent Cart
– localStorage
– E-Commerce Security
Who this course is for:
React Developers wanting to learn the Shopify API and Buy SDK
Web Developers wanting to learn to make custom Storefronts using Shopify and React
Store owners who want to improve their store
Requirements
Some knowledge of Shopify, React
I will be using a Mac, however, the tutorial will work for Windows/Linux also.
Last Updated 1/2021
VISITOR COMMENTS (0 )
FILE LIST
Filename
Size
.pad/0
313.5 KB
.pad/1
418.9 KB
.pad/10
217.8 KB
.pad/11
289.7 KB
.pad/12
192.5 KB
.pad/13
94.4 KB
.pad/14
386.2 KB
.pad/15
346.3 KB
.pad/2
468.7 KB
.pad/3
206.4 KB
.pad/4
183.9 KB
.pad/5
507.1 KB
.pad/6
195.3 KB
.pad/7
419.2 KB
.pad/8
350.7 KB
.pad/9
360.3 KB
TutsNode.com.txt
63 B
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/1. Introduction/1. Introduction.mp4
53.8 MB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/1. Introduction/1. Introduction.srt
9.4 KB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/2. Basic Setup/1. Installing dependencies.mp4
43.4 MB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/2. Basic Setup/1. Installing dependencies.srt
6.2 KB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/2. Basic Setup/2. Setting up React.mp4
39.1 MB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/2. Basic Setup/2. Setting up React.srt
7.3 KB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/2. Basic Setup/3. Shopify Partners Account + Basic Context.mp4
78.1 MB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/2. Basic Setup/3. Shopify Partners Account + Basic Context.srt
11.8 KB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/2. Basic Setup/3.1 products_bathbombs - products_export.csv
3.3 KB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/2. Basic Setup/4. Context Functions.mp4
115.8 MB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/2. Basic Setup/4. Context Functions.srt
17.1 KB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/2. Basic Setup/5. Using the Product Data.mp4
159.6 MB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/2. Basic Setup/5. Using the Product Data.srt
23.5 KB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/3. Advanced Functionality/1. Intro to Chakra UI.mp4
61.8 MB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/3. Advanced Functionality/1. Intro to Chakra UI.srt
9.5 KB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/3. Advanced Functionality/2. Building out NavBar and Cart.mp4
141 MB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/3. Advanced Functionality/2. Building out NavBar and Cart.srt
14.9 KB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/3. Advanced Functionality/3. Cart Functionality.mp4
201.5 MB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/3. Advanced Functionality/3. Cart Functionality.srt
19.4 KB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/4. Advanced Styling/1. Finishing Cart and Navigation.mp4
132.8 MB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/4. Advanced Styling/1. Finishing Cart and Navigation.srt
13.4 KB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/4. Advanced Styling/2. Product Page.mp4
71.2 MB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/4. Advanced Styling/2. Product Page.srt
8 KB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/4. Advanced Styling/3. Footer.mp4
61.7 MB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/4. Advanced Styling/3. Footer.srt
6.8 KB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/4. Advanced Styling/4. Hero (Banner).mp4
64.1 MB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/4. Advanced Styling/4. Hero (Banner).srt
8.1 KB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/4. Advanced Styling/5. Image With Text.mp4
89 MB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/4. Advanced Styling/5. Image With Text.srt
9.9 KB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/4. Advanced Styling/6. RichText.mp4
78.8 MB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/4. Advanced Styling/6. RichText.srt
7.8 KB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/4. Advanced Styling/7. Bonus SEO and Animations.mp4
32.1 MB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/4. Advanced Styling/7. Bonus SEO and Animations.srt
3.8 KB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/4. Advanced Styling/7.1 Animation Website - Animasta.html
82 B
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/4. Advanced Styling/7.2 React Helmet article.html
123 B
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/5. Next Steps/1. Next.js, Gatsby, Contentful, deploying and webhooks.mp4
38.2 MB
[TutsNode.com] - Build a Custom Shopify Storefront using React (Headless CMS)/5. Next Steps/1. Next.js, Gatsby, Contentful, deploying and webhooks.srt