Hafiz Ahsan Ali

Hydrogen

Is Shopify Hydrogen Worth It? Headless Shopify Explained

By
Published

Every few months a store owner asks me whether they should "go headless with Hydrogen". Sometimes the answer is yes. More often it's "not yet". Here's how to tell, from someone who builds both Liquid themes and Hydrogen storefronts.

Fig. 03 · Liquid theme vs Hydrogen storefront
LIQUID THEMETHEME (LIQUID TEMPLATES)SECTIONS AND BLOCKSONLINE STORE RENDERERSHOPIFY ADMIN AND CHECKOUTHYDROGEN STOREFRONTSTOREFRONT (REACT)HYDROGEN ROUTING AND CACHINGSTOREFRONT APISHOPIFY ADMIN AND CHECKOUTOXYGEN HOSTING
Both use Shopify's admin and checkout. Hydrogen replaces the storefront with your own React application.

What "headless Shopify" means

A normal Shopify store uses a theme: Shopify stores your products, runs the checkout and also renders your storefront pages from Liquid templates. A headless store splits that in two. Shopify still handles products, inventory, cart and checkout (the "body"), but your storefront (the "head") is a separate application that fetches data from Shopify through the Storefront API.

What Shopify Hydrogen is

Hydrogen is Shopify's own framework for building that separate storefront. It's built on React and React Router (the framework formerly known as Remix) and comes with Shopify-specific pieces: cart handling, product and collection components, caching tools and SEO helpers. You can host it on Oxygen, Shopify's hosting for Hydrogen storefronts, or on another platform.

Hydrogen vs a Liquid theme

AspectLiquid themeHydrogen storefront
Who builds itTheme developerReact developer who knows Shopify
EditingVisual theme editorA headless CMS or metaobjects; less visual
Design freedomHigh within sections and blocksTotal
AppsMost Shopify apps work out of the boxMany theme apps need custom integration
Build costLowerHigher: it's custom software
MaintenanceTheme updatesCode you own and maintain

When Hydrogen is worth it

  • You need experiences a theme can't deliver: complex product configurators, rich interactive content, or a fully custom browsing flow.

  • Content from another system (a CMS, a database, a booking tool) must live on the same pages as products.

  • You run several storefronts, languages or brands from one catalog with very different front ends.

  • You have, or will pay for, developers to maintain a codebase over time.

When it isn't (yet)

  • Your store mostly needs better design, a few custom sections and fewer apps. A well-built theme does that for far less.

  • You rely on many theme apps for reviews, upsells and subscriptions, and don't want to rebuild those integrations.

  • Your main goal is speed. A lean, well-built theme is already fast. Headless can be faster, but only when it's built carefully.

What it costs

Expect a Hydrogen build to cost several times a theme build, because you're commissioning an application, not customizing a template. Oxygen hosting is included with most paid Shopify plans. Budget too for ongoing development, because headless stores need a developer for changes a theme editor would handle.

A simple test

Write down the three things your current theme stops you doing. If a theme developer could solve them with custom sections, stay on a theme. If they genuinely need a custom application, Hydrogen is worth a serious look.

Not sure which side you're on? I build both and I'll tell you honestly which one your store needs.

Next step

Have a project in mind?