Hydrogen Workshop

Earlier this year Shopify announced Hydrogen, a web development framework optimized for building custom storefronts by Shopify. In this workshop you'll get a first look at Hydrogen and together we'll build a custom storefront using React Server Components, Vite and Tailwind CSS.

Get started by forking this repository on Stackblitz.

Branches

We'll be adding several features to our Hydrogen app throughout this workshop. Each feature corresponds to a new branch. If you get lost at any time, or want to start from scratch, you can fork off of these branches.

Feature	Branch	Stackblitz
Starting	main	Stackblitz
Head component	head-component	Stackblitz
Product list	list-products	Stackblitz
Load more products	load-more	Stackblitz
Product page	product-page	Stackblitz
Cart	cart	Stackblitz
Custom responses	custom-responses	Stackblitz

Disclaimer: If you don't want to use Stackblitz, or are having difficulties using it, you can clone the repository. Then run yarn and yarn dev to start it up, or npm install and npm run dev.