Learn Shopify Hydrogen from an engineer at Shopify
ฝัง
- เผยแพร่เมื่อ 28 ก.ค. 2024
- 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
/ little_bret
Remix's website
remix.run
Oxygen's documentation
shopify.dev/docs/custom-store...
STAY IN TOUCH 👋
Follow me on Twitter 🐦 - / 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 - วิทยาศาสตร์และเทคโนโลยี
As a software engineer I've abhorred working on Shopify projects and have been waiting years for something like this. The future looks good. Thanks for making it.
Awesome I am glad you like it. Please share it with friends ☺️
@dominuskelvin already have ! : )
@@explosivehotdogsyay thanks 😊
Great video. I must say while I was searching for Shopify tutorials I saw this video but I didn't click on it initially. People don't know who Bret is so I suggest you add for example, `Hydrogen explained with Shopify Engineer, Bret Little` in the title as it will make it clearer and attract more audience cause long vidoes such as this one aren't easily clicked on
Great suggestion, I’ll do just that.
This was helpful. Thanks!
Awesome Video.
I like the teaching of Bret Little.
Thank you so much
You are welcome
Awesome video, thank you both 🤟
I’m glad you love it
🙌
How the hell do you do exit animations though
Awesome video. If you built a storefront in Vue, how would you deploy it? I assume not Oxygen? Would you have to pay separately for all that external hosting?