When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.
Shopify Hydrogen: How to Create a Headless eCommerce Storefront with React
Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.
Free
This Course Includes
skillshare
0 (0 reviews )
3 hours 57 minutes 
english
Online - Self Paced
course
SkillShare
About Shopify Hydrogen: How to Create a Headless eCommerce Storefront with React
Introduction
Key Concepts
React
Storefront API
The Shopify Hydrogen Framework
Getting Started with Hydrogen
Creating a Layout Component
Building a Catalog Page
Building a Collection page
Building a Product page
Cart Functionality pt. 1
Cart Functionality pt. 2
Deploying our Custom Storefront
Bonus: Adding a Blog section
Conclusion & Class Project
What You Will Learn?
- In mid-2022, Shopify launched a new sales channel on the Shopify platform, allowing merchants to host a React project on their Shopify store. This new Hydrogen sales channel, paired with the Hydrogen framework of React hooks, components and utilities built specifically for Shopify storefronts offers a brand-new way of customizing the online store experience for customers..
- In this class, we’re going to go through the Shopify Hydrogen framework, learn about the surrounding key concepts, build our own simple storefront using the system and show you how to install your new app to your Shopify store..