← Blog·Technical

Shopify Liquid vs Hydrogen: Which Should You Choose in 2025?

Hydrogen promises sub-second page loads and full React flexibility. But it also costs 3–5× more to build and maintain. Here's how to make the right call for your store.

Abderrahim Baad·February 10, 2025·12 min read

Every few months, a client asks me whether they should "go headless." They've seen a blog post about how headless commerce is the future, or a competitor launched a Hydrogen store, and now they want to know if they're falling behind.

My answer is almost always: it depends on a specific set of factors. Here's how I think through it.

What Liquid Actually Is

Shopify's Liquid templating languagehas been the foundation of Shopify themes since 2006. It's a server-rendered system: when a user requests a page, Shopify's servers process the Liquid templates, inject the store data, and return complete HTML to the browser.

With Shopify OS 2.0 (launched June 2021), Liquid themes gained JSON templates, section groups, and app blocks — making them far more flexible than their predecessors. A well-built OS 2.0 Liquid store can achieve Lighthouse 90+ scores, excellent Core Web Vitals, and full merchant control over layout without any JavaScript framework.

What Hydrogen Is

Shopify Hydrogen is a React-based framework for building headless Shopify storefronts. Released as stable in late 2022, it uses Remix as its routing layer and React Server Components for data fetching. Your storefront runs as a separate application — typically deployed on Shopify Oxygen (their edge hosting) — and communicates with Shopify exclusively through the Storefront GraphQL API.

The result is a JavaScript-first storefront with full control over rendering, routing, and user experience — but with the complexity of a full-stack application rather than a theme.

The Performance Reality

Hydrogen's performance advantage is real, but it's frequently overstated. The key insight is that a poorly built Hydrogen store will perform worse than a well-built Liquid store.

2.1s

Median LCP for optimized Liquid OS 2.0 stores. A well-built Hydrogen store targets sub-1.5s — achievable, but requires careful hydration strategy.

Hydrogen's edge is in subsequent navigation— moving between pages after the initial load. Because it's a client-side application, page transitions happen instantly without full server round trips. This matters most for stores with high browse depth: marketplaces, large catalogs, stores where users compare many products before buying.

For stores where most conversions happen after 1–2 page views — a product drop landing on a specific item, a campaign driving to a single collection — the navigation advantage is largely irrelevant.

The Cost Difference

I'll be direct: Hydrogen costs significantly more. Here's why:

  • Development time: A Liquid store build takes 4–8 weeks for a custom project. An equivalent Hydrogen build takes 10–18 weeks, because you're building a full application, not a theme.
  • Developer pool: Experienced Hydrogen developers are scarce. Demand exceeds supply, which drives rates up. Liquid developers are widely available.
  • Ongoing maintenance: Every Shopify app, every new feature, every third-party integration needs to be implemented via API in Hydrogen. In Liquid, most apps install with one click.
  • Infrastructure: While Oxygen hosting is free for Shopify Plus merchants, non-Plus merchants pay separately, and any external edge deployment adds cost.

In practical terms: a Liquid custom store build might cost $5,000–$15,000. The equivalent Hydrogen build is typically $20,000–$60,000.

When Hydrogen Makes Sense

There are clear use cases where Hydrogen's complexity is justified:

  • Revenue above $500k/month: At this scale, a 0.5% conversion improvement from better navigation performance translates to thousands of dollars monthly — enough to amortize the higher development cost quickly.
  • Multi-channel content needs: If you're also running a native mobile app, kiosk software, or other digital touchpoints that need the same product data, a shared GraphQL API layer makes Hydrogen's architecture genuinely efficient.
  • Custom checkout and buyer experience: Hydrogen + Shopify Checkout Extensibility gives you the most complete control over the end-to-end purchase experience.
  • International markets at scale: Serving 10+ locales with custom content, currency, and routing logic is significantly cleaner in Hydrogen than trying to extend Liquid templates to handle that complexity.

When Liquid Is the Right Answer

For the vast majority of Shopify merchants, a well-built OS 2.0 Liquid store is the right choice:

  • Revenue under $500k/month
  • Standard app ecosystem usage (reviews, loyalty, subscriptions)
  • Team without dedicated React/full-stack engineering capacity
  • Need to launch within 8 weeks
  • Single-market store

The performance ceiling of Liquid is higher than most stores ever reach. I've built Liquid stores with sub-2s LCP, 95+ Lighthouse scores, and 3%+ conversion rates. None of those stores needed Hydrogen.

My Recommendation

Start with a well-built Liquid store. Instrument it properly — Google Analytics 4, heatmaps, session recordings. Understand where users drop off. Optimize that. When your data shows that you're genuinely constrained by the platform's rendering model rather than by your product, pricing, or marketing, then evaluate Hydrogen.

For most stores, that moment never comes — because the limiting factor is never the front-end framework.

HydrogenLiquidHeadless
B

Abderrahim Baad

Expert Shopify Developer · Authorized Partner

Expert Shopify developer and premium theme developer based in Marrakech, Morocco. Creator of StyleScape, Bolt, and Vibe on the Shopify Theme Store. Available for new projects →

Need help with your Shopify store?

Let's build something that converts.

Start a Project ↗