Blog

Introduction For global brands, Shopify Hydrogen + Oxygen offer edge-first performance — but internationalization (i18n) is about more than speed. Currencies, translations, and localized experiences must be delivered consistently and accurately at scale. This post explores how to run global Shopify storefronts on Oxygen while keeping i18n fast, reliable, and SEO-friendly. Why I18n at the…

Introduction Moving from Liquid to Hydrogen doesn’t have to be “all or nothing.” Many merchants succeed with hybrid builds — running Liquid for stability and apps, while using Hydrogen for speed, flexibility, and immersive experiences. This post explores hybrid migration patterns that reduce risk while unlocking modern capabilities. Why Hybrid Builds? ⚡ Lower risk →…

Introduction Shopify Oxygen delivers Hydrogen apps at the edge. But Oxygen workers aren’t limitless — they run with strict quotas on bundle size, memory, CPU, and subrequests. Exceed those limits, and you’ll see failed deploys, timeouts, or spiking TTFB. This post explores Oxygen’s constraints and how to engineer within them. The Quotas That Matter 📦…

Introduction Hydrogen storefronts promise blazing speed and creative freedom. But they also come with hidden costs that merchants should weigh before migrating from Liquid. This post unpacks the trade-offs — so you can plan realistically and avoid surprises. Higher Engineering Overhead 🧑‍💻 Dev-heavy builds → Hydrogen requires React/Remix expertise. ⚡ Continuous maintenance → framework +…

Introduction Not every Shopify merchant needs Hydrogen today. For some, Liquid themes are still the right tool: simple, stable, and app-rich. But for others, Hydrogen unlocks speed, flexibility, and immersive experiences Liquid can’t match. This guide offers a diagnostic framework for merchants and agencies to decide when it’s time to move from Liquid to Hydrogen.…

Introduction In May 2025, Shopify mandated that all Hydrogen projects migrate to React Router 7 (RR7). For agencies managing dozens of storefronts, this isn’t just a version bump — it’s a project-wide upgrade with risks and opportunities. This guide breaks down what changed, how to migrate safely, and how agencies can turn the RR7 upgrade…

Introduction Shopify Oxygen promises fast, global performance for Hydrogen storefronts. But how fast is it really — and how does it compare to Vercel or Netlify? This post explores p95/p99 latency benchmarks for Oxygen, highlighting cold starts, warm starts, and regional performance across NA, EU, and APAC. Why Benchmark Oxygen? 📊 Client pitches → prove…

Introduction Migrating to Hydrogen unlocks speed and flexibility — but it also exposes a harsh truth: not all Shopify apps are compatible. Apps built for Liquid themes often rely on DOM injection or theme extensions. Hydrogen, by contrast, is React + API-first. Merchants and agencies need a compatibility matrix to plan migrations intelligently. Why Compatibility…

Introduction Hydrogen storefronts thrive on flexible content. Shopify provides two main tools for extending content beyond the catalog: metafields and metaobjects. They sound similar — but they solve very different problems. This post breaks down when to use each, with patterns and practical GraphQL examples. Metafields: Simple Extensions 🧩 Scalar values → string, integer, boolean,…

Introduction Migrating from a Shopify Liquid theme to a Hydrogen storefront brings speed and flexibility — but it also introduces SEO risks. Client-side rendering, broken canonicals, and misconfigured routers can cause rankings to plummet. This guide shows how to survive (and thrive) in SEO while building Hydrogen. Common SEO Pitfalls in Hydrogen ❌ Client-only data…