One of the most debated technical questions in the Shopify ecosystem over the past three years is this: "Should I go headless?". Instagram ads, LinkedIn posts and agency pitch decks have covered the topic so heavily that merchants are no longer asking what headless is — they're asking whether it's actually necessary for them.
Here's the truth: headless is not the right choice for every brand. For most Shopify stores, Classic Shopify (Liquid + Dawn-based themes) is still the correct answer. Headless commerce is a powerful tool, but used in the wrong context it simply triples your project timeline, cost and maintenance burden.
In this guide we honestly unpack what Shopify Hydrogen, Oxygen and headless commerce are, their technical architecture, when they deliver real value and when to stay away. A fully pragmatic assessment for enterprise merchants, technical directors and agencies.
Fundamentals: What Are Headless Commerce, Hydrogen and Oxygen?
What Is Headless Commerce?
In classic e-commerce, the storefront (front-end) and the backend (products, orders, customers) are part of the same system — Shopify Liquid themes, for example, are tightly coupled to the backend. In a headless approach this is split: the backend stays in Shopify, but the storefront is built in a fully independent framework (React, Vue, Next.js, Svelte) that pulls data via Shopify's Storefront API.
The upside: full freedom on the storefront, access to the whole modern frontend ecosystem, easier multi-channel publishing. The downside: maintenance burden, cost, and losing access to Shopify's ecosystem integrations.
What Is Shopify Hydrogen?
Hydrogen is Shopify's own official React-based headless framework. Built on Remix, supporting React Server Components and deeply integrated with the Storefront API, it's a development library designed specifically for Shopify. In other words, a Hydrogen storefront is a React app — but with Shopify's own components, hooks and utilities baked in.
What Hydrogen gives you out of the box:
- React Server Components: components that can run on both server and client, with SSR performance
- Storefront API client: fully typed access to product, collection, customer and cart queries
- Cart API: native Shopify cart management React hooks
- SEO helpers: automatic meta tags, hreflang, structured data
- Analytics integration: Shopify Analytics and Customer Events API wiring
- Image optimisation: automatic Shopify CDN image optimisation
What Is Shopify Oxygen?
Oxygen is Shopify's edge hosting platform, designed specifically to host Hydrogen storefronts. It runs on a global CDN, deploys to 100+ nodes simultaneously and is included in your Shopify Plus subscription (free for Plus merchants). With Oxygen you don't need Vercel, Netlify, AWS or Cloudflare.
Oxygen's advantages:
- Sub-50ms cold start, edge-optimised response time
- Deployment integrated with your Shopify account (GitHub webhook, CLI)
- Preview environments for every pull request
- Zero DevOps overhead — Shopify runs it
- Included in Shopify Plus, no separate hosting bill
Classic Shopify vs Hydrogen: Deep Comparison
Before you decide, let's compare the two approaches across 10 critical dimensions:
| Dimension | Classic Shopify (Liquid) | Hydrogen (Headless) |
|---|---|---|
| Build time | 2-6 weeks | 3-6 months |
| Upfront cost | $5K-$30K | $80K-$250K |
| Monthly maintenance | $500-$3K | $3K-$15K |
| Developer pool | Wide (Shopify devs) | Narrow (React/Hydrogen-specific) |
| Ideal performance | PageSpeed 85-95 | PageSpeed 95-100 |
| Theme Store | ✅ Yes (100+ themes) | ❌ No (written from scratch) |
| App Store ecosystem | ✅ Full access | ⚠️ Limited (some apps incompatible) |
| Customisation ceiling | Medium (Liquid limits) | Unlimited (full React stack) |
| Multi-channel publishing | Separate store per channel | One codebase, multiple storefronts |
| Marketing team independence | High (visual editor) | Low (developer required) |
Notice the pattern: Hydrogen is not superior in every category. It wins on performance and customisation, but Classic Shopify wins on cost, developer pool and theme/app ecosystem.
Does Going Headless Make Sense? 4 Critical Questions
If you're a Shopify Plus merchant considering headless, answer these four questions honestly before making the jump.
Question 1: Is Your Monthly Revenue Above $1M?
A headless build costs $80K-$250K upfront and maintenance runs 3-5x Classic Shopify. To amortise that investment you need sufficient volume. A brand doing $100K/month that goes headless is looking at an additional $50K-$180K per year. In most cases the ROI simply isn't there.
Rule of thumb: for brands below $1M in monthly revenue, headless rarely makes financial sense. The exception: luxury brands where brand value matters more than product volume.
Question 2: Do You Have an In-House Developer Team?
Hydrogen and headless commerce require a completely different maintenance model from Classic Shopify. The codebase is React/TypeScript, you have deployment pipelines, dependency updates become routine, and you have to track changes in the React ecosystem. You can outsource to an agency, but switching agencies two years later is risky.
Minimum team: at least 1 senior React developer, 1 mid-level full-stack dev and 1 part-time DevOps. That team costs $15K-$30K per month. If you don't have that budget or plan to build it, headless is not sustainable.
Question 3: Is Your Brand Experience Genuinely Unique?
The strongest case for headless is: "Our brand needs to deliver such a distinctive digital experience that Liquid can't handle it." If that's truly the case, headless delivers value. But brands often overstate this — when you look at real business needs, a premium Shopify theme (Impulse, Prestige, Motion, or a custom Dawn fork) can hit the same visual goal at 10% of the cost.
Ask yourself: "Do I have custom animations, WebGL components, interactive 3D product viewers, real-time AR experiences?" If not, Classic Shopify with a custom theme is enough.
Question 4: Do You Need Multi-Channel Storefronts?
The clearest win with headless is this: one codebase can power multiple storefronts. For example:
- Main web storefront (React, SEO-focused)
- Mobile app (React Native, shared components)
- PWA
- Kiosk experience (for retail stores)
- Smart TV app
- Voice commerce (Alexa skill)
If three or more of these are real needs for you, headless's multi-channel leverage pulls you away from Classic Shopify. Otherwise, for a single-channel store, headless is usually unnecessary.
5 Ideal Scenarios for Hydrogen
After the honest assessment, here are the five scenarios where Hydrogen truly earns its cost:
1. Luxury Brand Experience
For luxury-segment brands in the $500-$10,000 price range, the digital experience is as important as the product. Custom animations, editorial content, interactive lookbooks, workshop videos, artisan stories — all constrained in Liquid. Hydrogen unlocks the full React / Framer Motion / Three.js stack.
2. Content + Commerce Hybrid
For merchants running a successful brand blog or editorial publication (think Patagonia, Glossier). Hydrogen can render content-heavy pages blazingly fast with SSR while dynamically injecting commerce components. Classic Shopify can do this, but not as cleanly.
3. Global Multi-Region Store
Brands selling to 10+ countries with different languages and currencies. Shopify Markets works on Classic too, but Hydrogen gives you much more flexibility for per-region routing, localised content delivery and A/B testing.
4. B2B + B2C + Marketplace Hybrid
A brand selling retail, wholesale and on marketplaces simultaneously. Each channel needs its own storefront. With Hydrogen you can deploy three separate storefronts from one codebase. For the B2B specifics see our Shopify Plus B2B guide.
5. Shopify Plus + Custom Checkout + Advanced Functions
It's already standard for Shopify Plus merchants to customise checkout with Checkout Extensibility and write business logic via Shopify Functions. Pairing that ecosystem with a React-based storefront makes sense both for developer experience and performance. Our Checkout Extensibility guide covers that topic in depth.
Hydrogen Build Process: 3-6 Month Roadmap
A Hydrogen project is structurally different from a Classic Shopify project. A typical 4-month build roadmap:
Month 1: Discovery and Architecture Design
- Inventory of existing Classic Shopify customisations
- Business requirements documentation
- Storefront API endpoint analysis — which queries, which fragments
- Routing, SEO and hreflang strategy
- State management decision (React Context, Zustand, Redux)
- Design system and component library choice (Shadcn/UI, Radix, custom)
Month 2: Core Development
- Hydrogen project skeleton (via Shopify CLI)
- Home, collection, product, cart, checkout pages
- Storefront API integration — GraphQL queries
- Cart API and state management
- Authentication (customer accounts)
Month 3: Advanced Features and Integration
- Shopify Functions integration (discounts, shipping, payment)
- Checkout Extensibility extensions
- Third-party app integrations (Klaviyo, Judge.me, Gorgias, Octane AI)
- Analytics (Shopify Analytics, GA4, Klaviyo events)
- Search (Shopify Search & Discovery or Algolia)
Month 4: QA, Performance, Launch
- End-to-end testing (Playwright or Cypress)
- Performance optimisation (Lighthouse CI, Core Web Vitals)
- SEO migration (301 redirects from old URLs)
- Staging deployment and A/B test
- Production cutover and DNS change
- Post-launch monitoring (first 2 weeks critical)
The Hidden Costs of Headless
When you're quoted for a headless project you usually hear the development cost. But the costs you'll face 12 months later are invisible at the start:
1. Dependency Maintenance
The React ecosystem moves fast. Major version migrations like Next.js 14 → 15, React 18 → 19, Remix → React Router v7 consolidation happen every 12-18 months. Each one is a 1-4 week refactor.
2. Breaking Third-Party App Integrations
Most apps in the Shopify App Store were written for Classic Shopify. To use them in Hydrogen you usually have to write custom integration code. Any app update can then break your custom integration.
3. Developer Turnover Risk
There are far fewer Hydrogen developers than Classic Shopify developers. If your lead developer leaves, replacing them can take 2-6 months.
4. Marketing Team Velocity Drop
In Classic Shopify the marketing team can add landing pages, banners and promotional sections themselves. In Hydrogen every change requires a Git commit, code review and deployment. Marketing velocity drops 30-60%.
5. Keeping Up with Shopify Platform Updates
Shopify ships new features every month — Shop Pay improvements, new checkout features, API changes. Classic themes benefit automatically. In Hydrogen you have to integrate every feature manually.
Alternative to Headless: "Enhanced Classic Shopify"
If you want the values of headless but can't accept its cost and risks, there's a middle ground: Classic Shopify + custom theme + Checkout Extensibility + Shopify Functions.
With this approach:
- 90% design freedom via a custom Dawn fork theme
- Full business-logic control via Shopify Functions
- Checkout customisation via Checkout Extensibility
- Modular architecture via theme app extensions
- All the benefits of Classic Shopify's ecosystem
- Cost: 20-30% of Hydrogen
For most Shopify Plus merchants in 2026 this is the most rational approach. For brands without serious brand-experience needs and sufficient developer capacity, justifying a jump to headless as a business decision is hard.
Decision Tree: Which Option Is Right for You?
Your decision flow in short:
- Monthly revenue below $1M? → Classic Shopify + custom theme is enough. Headless is overkill.
- No in-house React developer team? → Classic Shopify. Agency dependence is risky for headless.
- Selling through a single channel? → Classic Shopify. You're not tapping headless's multi-channel advantage.
- Marketing team wants self-service autonomy? → Classic Shopify. Every Hydrogen change needs a developer.
- Answered "no" to all four above? → Hydrogen might be the right choice. Run a 4-week POC with an agency and make the real decision based on results.
Hydrogen at 34Devs
At 34Devs we take on Hydrogen projects selectively. We don't say "yes, let's go headless" to every Shopify Plus merchant — in fact we steer most merchants toward Classic Shopify + custom theme because long-term sustainability is better for them.
Our acceptance criteria for Hydrogen projects:
- Monthly revenue $1M+ or enterprise-level growth plan
- An existing in-house dev team or a plan to build one
- A real brand-experience need (not just "looking modern")
- A multi-channel or complex B2B+B2C scenario
If you meet these criteria, reach out to our Shopify Plus agency for a free discovery call. In the first 60-minute call we analyse your current state and honestly assess whether Hydrogen is the right move for you.
In our earlier pillar posts we covered other key parts of the Shopify Plus ecosystem: Shopify Plus B2B Wholesale Portal and Shopify Checkout Extensibility.
Frequently Asked Questions
Does Hydrogen require Shopify Plus?
Technically no — Hydrogen works on all Shopify plans. However Oxygen hosting (Shopify's edge hosting) is only included in Shopify Plus. Non-Plus merchants have to use third-party hosting like Vercel or Netlify.
Hydrogen vs Next.js: which is better?
Both are React-based. Hydrogen is deeply integrated with the Shopify ecosystem — Storefront API, Cart API, Shopify Analytics integration out of the box. Next.js is more general-purpose. If you're writing only for Shopify, Hydrogen makes more sense; for multi-backend setups (WordPress + Contentful + Shopify), Next.js is better.
How long does it take to migrate from my current Shopify theme to Hydrogen?
A typical migration takes 3-6 months. It depends on the complexity of your existing theme, the number of page types and integrations. Weeks 1-4: discovery, weeks 5-12: development, weeks 13-16: testing and launch.
Is Hydrogen SEO better than Classic Shopify?
In theory yes — React Server Components, edge rendering and advanced metadata control help. In practice a poorly written Hydrogen project can perform worse than a well-optimised Classic Shopify theme. The difference depends on technical execution.
Which React version is required for Hydrogen?
Hydrogen 2024+ is built on React 18+ and Remix (now React Router v7). React Server Components support is critical. TypeScript is standard but not mandatory.
How much does a Hydrogen build cost?
A basic Hydrogen storefront (standard e-commerce flow, parity with Classic Shopify) lands at $80K-$120K. Complex builds (B2B + B2C hybrid, custom checkout, multi-region storefronts) are $150K-$250K or more. These prices are development only, maintenance is separate.
Which major brands use Hydrogen?
Brands like Allbirds, Rothy's, Everlane, Shopify's own merch store, The Sill and Hydro Flask use Hydrogen or other headless Shopify setups. Common traits: $1M+ monthly revenue, strong brand identity, in-house dev teams.
Can I go back from Hydrogen to Classic Shopify?
Technically yes. Your Shopify backend doesn't change — products, orders and customers stay put. But rewriting the storefront takes as long as a Classic-to-Hydrogen migration. In practice the "try Hydrogen, go back if it doesn't work" approach is very expensive — make the decision up front.
