In this TKYT session, I had Bret Little from the Hydrogen team at Shopify to teach me how they are making headless commerce easy with Hydrogen and Remix
CHAPTERS
00:00 Introduction
00:38 About Bret Little
01:07 About Shopify
02:00 Why Shopify Hydrogen was created
02:51 What is headless commerce?
3:39 How Shopify Hydrogen Works
5:25 How Shopify Hydrogen makes building e-commerce sites easier
6:10 Why Shopify Hydrogen was moved from other frameworks to Remix
15:37 How to initialize a new Shopify Hydrogen Project on the terminal
19:09 What is Shopify Oxygen?
20:02 How to create routes in Shopify Hydrogen
22:32 How to query the storefront API
33:13 How to automatically generate Routes in Shopify Hydrogen
38:09 A demo of the Shopify Hydrogen Storefront
38:38 Creating a new Shopify Hydrogen demo store
39:53 How to deploy the Shopify Hydrogen store to Oxygen
43:47 Other things that can be done with Shopify Hydrogen
43:45 What $.tsx does
46:38 Components to make using Shopify Hydrogen easier
46:51 What the money component does
47:34 Other available Components to make using Shopify Hydrogen easier
49:05 What the image component does
49:55 Some of the new things that are coming next for Hydrogen
53:12 Parting words from Bret Little
LINKS 🔗
Hydrogen's website
hydrogen.shopify.dev/
Bret on Twitter
twitter.com/little_bret
Remix's website
remix.run/
Oxygen's documentation
shopify.dev/docs/custom-storefronts/oxygen
STAY IN TOUCH 👋
Follow me on Twitter 🐦 - www.twitter.com/Dominus_Kelvin
Subscribe to my newsletter 📧 - newsletter.dominuskelvin.dev/
QUESTIONS...?
Join the Discord Server 💬 - sailscasts.com/community
Learn Web Development 📖 - sailscasts.com/courses
#javascript #webdevelopment #coding #remix #shopify #hydrogen #webdevelopment #programming #vim #vscode #softwareengineering #codinglife #webdesign #webdevelopment #webdev #javascript #programmerhumor #codinghumor #software #softwareengineer #softwaredeveloper #softwaredevelopment
コメント