Blog

Introduction Analytics in traditional Shopify (Liquid themes) is simple: install a pixel, drop in GTM, and you’re done. But in Hydrogen storefronts, that approach breaks. Hydrogen runs on React +…

Introduction Online shopping is no longer limited to flat product grids. With WebXR, brands can host full virtual showrooms inside the browser — no app download required. Shopify merchants now…

Introduction Immersive commerce — 3D models, AR try-ons, VR showrooms — is moving from novelty to mainstream. But as adoption grows, so does the need for accessibility. Just as Liquid…

Introduction Hydrogen storefronts rely heavily on cart mutations to handle add, update, and remove flows. But these APIs are easy to misuse, leading to bugs like duplicate lines, failed updates,…

Introduction Shopify Oxygen powers Hydrogen storefronts at the edge, but it comes with strict limits: worker bundles must be ~4–5MB compressed or less. Oversized bundles cause cold start delays, failed…

Introduction Shopify now supports two very different ways of building storefronts: Liquid (the long-standing theme framework) and Hydrogen (the React-based headless framework running on Oxygen). The question many merchants face…

Introduction Hydrogen gives Shopify merchants the flexibility of React, but it also means losing the built-in “theme editor” comfort of Liquid. Enter headless CMSs. Shopify has aligned with Sanity and…

Introduction As of May 2025, Shopify has made React Router 7 (RR7) mandatory for Hydrogen. Legacy projects still on React Router 6 must migrate to stay supported. This migration isn’t…

Introduction Hydrogen is flexible but complex. New developers often reinvent the wheel or fall into anti-patterns. The solution? Crystal Seeds — ready-to-use code skeletons and Copilot prompts that accelerate development…

Introduction Hydrogen’s flexibility is powerful — but without discipline, it’s easy to make mistakes that slow down your store, break SEO, or even leak sensitive data. Developers need a guardrails…