Lightning Fast E-Commerce: Remix your Shop with Shopify Hydrogen

on YouTube ↗17m

" summary

Claims that Shopify Hydrogen (built on Remix) gives a ready scaffold to build a headless Shopify store using provided React components and a storefront client. The demo uses Starfront.query and mutate for GraphQL, hydrogen-react components and Storyblok for CMS, and implements collection/product pages, SEO via route handles, and a server-side cart with create/add/remove mutations that works without JavaScript. The repo is clonable and the live shop is fully functional.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 0:45INTRODUCING SHOPIFY HYDROGEN
3. 3:09FETCHING MUTATING DATA IN HYDROGEN
4. 5:13CREATING PRODUCT AND COLLECTIONS
5. 6:13HYDROGEN REACT COMPONENTS
6. 7:59BUILDING A CART

" related talks

• 26mBuilding High-Performance Online Stores with Shopify Hydrogen and RemixAlexandra Spalato · Infobip Shift 2023
• 20mHeadless commerce with Shopify Hydrogen and ViteFran Dios · ViteConf 2022
• 21mHeadless eCommerce: Shopify + NextJs = ❤️Ilias Haddad · BlaBlaConf 2021
• 41mHeadless E-Commerce: The advantages of using Headless CMS with your e-commerce siteScott Fuller · TheJam.dev 2023
• 28mFire-side chat on RemixChance Strickland · Remix Conf Europe 2022
• 23mSky’s the limit: Headless eCommerce with Next.jsLisi Linhart · JSWorld Conference 2021
• 15mCommunity driven composable commerce with Next.jsLina Murton · Next.js Conf 2022
• 07mHydrogen:An Early Look at Server Components in the WildDaniel Rios Pavia · React Advanced 2022