Shopify Headless Pricing: Every Cost Layer Merchants Actually Pay

Shopify headless pricing is not a single number. It is a stack of at least four separate cost layers: the Shopify plan, the one-time build, the monthly SaaS stack, and the ongoing engineering retainer. Miss any one of them in your budget and you will be back at the spreadsheet six months after launch.

Key takeaways

• Build costs run from roughly $10K (solo developer, minimal scope) to $300K+ (senior agency, enterprise composable stack) depending on complexity.
• Most production headless stores run on Shopify Plus at ~$2,300/month for API rate limits, Checkout Extensibility, and Shopify Functions access.
• Oxygen hosting is free on every paid Shopify plan (except Starter), so hosting is rarely the real cost driver.
• On June 30, 2026, Shopify and Vercel announced a rebuilt, framework-agnostic Hydrogen at Vercel Ship 26 in New York, currently in developer preview, with a public beta expected in Q3 2026.
• Mid-market brands ($5M-$20M revenue) with a well-executed build typically reach break-even in 12-18 months; below $5M, optimizing your Liquid store usually returns more.

Layer 1: The Shopify plan

The Storefront API is technically available on every Shopify plan. In practice, almost every production headless build ends up on Shopify Plus. The reasons are concrete: higher API rate limits, access to Checkout UI Extensions, Shopify Functions, and the ability to run multi-market storefronts cleanly.

Standard plans ($39-$399/month) can work for smaller brands, but API rate limits become a real bottleneck during high-traffic events like flash sales. Shopify Plus starts at $2,300/month on a 3-year term or $2,500/month on a 1-year term for standard setups. High-volume stores move to a variable platform fee instead, set per contract and not publicly modelable.

Plus also unlocks up to 25 Hydrogen headless storefronts deployed on Shopify's Oxygen edge network, B2B features, unlimited staff accounts, and Shopify Audiences for ad targeting.

One important nuance: a headless storefront does not automatically require Shopify Plus. Shopify's API limits documentation states that real-buyer Storefront API requests do not have a fixed request-per-minute limit. Plus becomes relevant when the business needs checkout customization, B2B, or enterprise operations at scale.

Layer 2: The one-time build cost

This is where the widest range sits, and where most agencies are least honest with you.

The honest range runs from roughly $10K for a minimal Hydrogen build with a solo developer up to $300K+ for a full-scale composable commerce project with a senior agency team.

A typical mid-range Hydrogen build with Sanity and Algolia runs $80K-$150K+, broken down roughly like this:

For comparison, a well-built Shopify Plus theme runs $30K-$60K. The 2x to 3x cost premium for headless is real, and any agency telling you otherwise is not being straight with you.

AI tooling is compressing build time. Tools like Claude Code, Cursor, and Gemini CLI, combined with Shopify's official AI Toolkit and open-source skill packs, are actively compressing development hours. If the agency you are evaluating cannot articulate their AI coding workflow in Hydrogen, that is a signal worth noting.

Layer 3: The monthly SaaS stack (the layer most proposals skip)

A theme-based Shopify Plus store has one SaaS cost: the Plus subscription. A headless store adds several more:

• Oxygen hosting: Free on all paid plans, unlimited bandwidth, autoscaling, global edge deployment. This is the default for Hydrogen builds and the correct starting point.
• Vercel hosting (if not on Oxygen): $20-$500+/month for most stores; $400-$1,500/month for high-traffic. As of June 30, 2026, Hydrogen now deploys to Vercel in one click via a Deploy button that scaffolds a working storefront with the Storefront API client, cart, and product pages already wired up.
• Headless CMS (Sanity, Contentful, Storyblok): Sanity's Growth plan runs $15/seat/month; Contentful scales from $0 to $1,000+/month at enterprise usage; Storyblok starts at $99/month.
• Search (Algolia): $0-$500+/month depending on search volume and index size.
• Developer retainer (post-launch): $3K-$8K/month for a growth-tier build; more for scale-tier.

The combined SaaS overhead lands at $500-$2,000/month before you change a line of code, on top of your Plus subscription. Get the full monthly number on paper before signing a build contract.

Total 12-month cost of ownership for a mid-range Hydrogen storefront (build + Shopify Plus + SaaS stack + retainer) typically runs $80K-$200K+ in year one.

Layer 4: Ongoing engineering (the cost that determines whether headless was worth it)

This is the layer most headless pitches treat as optional. It is not.

On a theme-based store, your marketing team can update layouts, add sections, and rearrange pages in the editor. On a headless store, structural changes require a developer. Shopify also pushes quarterly API version updates; on a headless store, API changes, Storefront API updates, and Checkout Extensibility changes need to be reviewed and implemented by your dev team.

The most common operational regret from merchants who went headless: a headless store without a solid CMS means every content change is a developer deploy.

What just changed: the June 2026 Hydrogen rebuild

The biggest structural shift in headless Shopify pricing happened at Vercel Ship 26 in New York on June 30, 2026. Shopify and Vercel announced they are rebuilding Hydrogen from the ground up to be open source, framework-agnostic, and runtime-agnostic, meaning it can run anywhere JavaScript does.

Shopify VP of Product Vanessa Lee described the new approach on stage: the team boiled Hydrogen down to the parts of commerce that are genuinely hard (analytics, optimistic cart UI, variants) and made them work with any framework.

The new Hydrogen is structured as three layers:

1. Core: Plain JavaScript Shopify API primitives (cart logic, product helpers, money formatting, Shop Pay, analytics) that work with Next.js, React Router, SvelteKit, Astro, SolidStart, or Nuxt.
2. Client: Framework-specific bindings (React ships today; others coming).
3. Server: Full-stack server handlers for SSR and streaming.

This means teams are no longer forced to adopt React Router to get Shopify-native commerce primitives. It also means lower agency switching costs: if your hosting provider changes terms, moving to Cloudflare Workers or Netlify becomes a configuration change, not a rewrite. The new version is currently in developer preview; public beta is expected Q3 2026 with full GA by Q1 2027.

Commerce Components: the tier above Plus

For brands that outgrow Shopify Plus, Commerce Components (CCS) is Shopify's composable enterprise stack: 30+ pre-built modular components (cart, checkout, payments, storefront APIs, fulfillment, order management, B2B) that very large retailers can mix and match with their own tech stack.

CCS handles 40,000 checkouts per minute per store (versus 15,000 for Plus), comes with 24/7 dedicated account support, and is priced on usage rather than as a flat retainer. Total cost of ownership over three years typically runs into seven figures. This is not a tier most Shopify Plus merchants need; by 2026, Checkout Extensibility, Shopify Functions, native B2B, and Hydrogen's maturity have closed most of the gaps for mid-market and lower-enterprise retailers.

Headless vs. Liquid: when the math actually works

The Sennheiser case study is the most-cited real number: after migrating to a headless Shopify architecture on Netlify, the brand reported a 136.7% increase in e-commerce conversion rate and 74.8% more add-to-carts, with a global launch completed in 11 weeks. That is a documented case study published by the implementation partner. Not every brand will see those numbers, but the pattern of better speed and UX translating to measurable conversion lifts repeats at scale when the build is executed properly.

For a practical framework to decide whether headless is even right for your store before you look at pricing, see our headless Shopify developer services page.

Practical advice before you sign anything

• Get three quotes and assume the real cost is 40% above the lowest bid. The bottom quote almost always carries hidden scope cuts.
• Lock monthly SaaS stack costs before you commit to the build. CMS, hosting, search, analytics: get the full monthly number on paper first.
• Budget for post-launch maintenance. $3K-$8K/month for a growth-tier build. Headless storefronts do not maintain themselves.
• Plan the content iteration workflow. Who makes content changes after launch? If the answer is "the developer," you will burn your retainer on copy edits.
• Demand SSR, not CSR. Client-side-only rendering is an SEO risk that no competent agency should ship in 2026. Both Hydrogen and Next.js support server-side rendering; make it a contractual requirement.
• Check structured data. Native Shopify themes generate JSON-LD for products and collections automatically. In a headless build, you implement this yourself. It is straightforward but must not be overlooked.

For help auditing an existing Liquid store's performance before deciding whether headless is justified, see our Shopify speed optimization service.