Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
3 Hour(s) 1 Minute(s)
Language
English
Taught by
Working With Shopify
Rating
Course Overview
Headless Shopify Storefront using the Shopify API, React Hooks, Context, and Chakra UI (Faster than Shopify Themes)
"This course was well thought out. He doesn’t skip any details it is put together very well. I feel confident enough to go out and build my headless Shopify sites."
Learn how to build a custom Shopify Storefront with React (Hooks and functional components) using the Shopify Buy SDK.
Build a Custom Shopify Storefront using React (Headless CMS)
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
Course Content
- 5 section(s)
- 19 lecture(s)
- Section 1 Introduction
- Section 2 Basic Setup
- Section 3 Advanced Functionality
- Section 4 Advanced Styling
- Section 5 Next Steps
What You’ll Learn
- How to Create a Shopify Storefront (Theme) using React and Chakra-UI
- How to Create a Headless Shopify Storefront
- Connecting to Shopify Buy SDK
- Using Chakra UI to quickly build custom storefronts
- Shopify Partners Account and Dashboard
- React Context
- How to build dynamic components
- Managing State
Skills covered in this course
Reviews
-
OOleh Kozub
I was expecting more features related to Shopify APIs
-
GGreg Barker
I thought it might be a more comprehensive guide on the api, rather than focusing on react as much. I learned a few things, and Chakra UI is interesting, i think ill stick with tailwind for custom stuff, but Chakra is pretty neat and Im glad you included some of that.
-
JJon Heinrich
I was able to gain the confidence to build a Shopify storefront by developing an app that opens up what I can offer to myself and our clients. The pace of the course is excellent and the app you build is fairly complete for a relatively small amount of time invested.
-
AAnonymized User
This course gets you up and running with a headless Shopify store in only 3 hours. Thank you very much for putting this content together!
