Learn Shopify Hydrogen from an engineer at Shopify

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-storefronts/oxygen
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

[@explosivehotdogs]

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.

[@dominuskelvin]

Awesome I am glad you like it. Please share it with friends ☺️

[@explosivehotdogs]

@dominuskelvin already have ! : )

[@dominuskelvin]

@@explosivehotdogsyay thanks 😊

[@ninosdinkha]

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

[@dominuskelvin]

Great suggestion, I’ll do just that.

[@rossgordon7884]

This was helpful. Thanks!

[@muhammadaqibshahzad9494]

Awesome Video. I like the teaching of Bret Little. Thank you so much

[@dominuskelvin]

You are welcome

[@joevingracien]

Awesome video, thank you both 🤟

[@dominuskelvin]

I’m glad you love it

[@BretLittle]

🙌

[@ttmmaacc]

How the hell do you do exit animations though

[@jordannelson5131]

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?