Shopify Headless vs Native Shopify: Which Does Your Brand Actually Need?

ShopifyHeadless commerceNext.jsE-commerce

Shopify headless or native Shopify (Plus)? A decision framework with trade-offs, real Core Web Vitals from Orangefit and a checklist for EU brands.

TL;DR: For most brands, a well-built native Shopify (Plus) theme is the better choice. It's faster to launch, cheaper to run and every app just works. Shopify headless makes sense when you publish a lot of content, sell in several countries with different content per country, connect many systems, or want a design a theme can't handle. Expect higher build and maintenance costs.

Brands planning a new store often ask whether they should go headless. Usually the answer is: not yet. This article explains when it is worth it.

What is headless Shopify? (Wat is headless e-commerce?)

In a native Shopify store, Shopify does everything: products, orders, checkout and the website your customers see. That website is a theme, built in Liquid.

With headless Shopify, you separate the website from Shopify. Shopify still handles products, stock and checkout, but the website is a separate app, usually built with Next.js or Hydrogen (Shopify's own framework). That app pulls products and prices from Shopify through the Storefront API. Content like blog posts and landing pages often lives in a separate CMS, such as DatoCMS.

That's what headless commerce means in general: your website and your store system are two separate parts that talk to each other through an API.

Shopify lists three ways to build headless:

  • Hydrogen: Shopify's own framework, built on React Router, hosted on Oxygen.
  • Hydrogen React: Shopify's components inside another React framework.
  • Headless channel: any framework you like (we usually use Next.js on Vercel), connected through the Storefront API.

Headless vs native Shopify at a glance

Native Shopify (Plus) themeShopify headless
WebsiteLiquid theme with sections and app blocksCustom app in Next.js or Hydrogen
Design freedomHigh, within the limits of the themeUnlimited
Managing contentIn the Shopify editorIn a CMS (e.g. DatoCMS) + Shopify
AppsMost work straight awayApps that show something in the theme need to be connected separately
CheckoutShopify checkoutShopify checkout (same)
SpeedGood, depends on theme and appsVery fast, if built well
Time to launchShorterLonger
Running costsLowerHigher: hosting, CMS and maintenance
Good fit forMost D2C brandsBrands with lots of content, several countries or a custom design

When native Shopify is the right choice

Go native, possibly Shopify Plus with a custom theme, when:

  • Your store fits what Shopify does out of the box. Product pages, collections, a blog and a few landing pages. Modern themes handle that well.
  • You rely on apps. Reviews, upsells, bundles, loyalty and subscriptions usually install in a theme with a few clicks. With headless, you connect each app separately.
  • You want to launch fast. A theme is quicker to build, and your team can change things themselves in the Shopify editor.
  • Nobody will maintain the website after launch. A headless website is software. It needs updates and maintenance.

A fast, well-built theme with a few apps is the best starting point for most brands. It's also the core of our native Shopify offer.

When Shopify headless is worth it

Headless pays off when one or more of these apply to you:

  1. Content helps you sell. You publish articles, recipes or lookbooks next to your products, and your team wants to do that without a developer.
  2. You sell in several countries with their own content. Not just translations, but different pages, campaigns and search results per country.
  3. Your brand needs a custom design. Interactions, animations or layouts you can't build well in a theme.
  4. You connect a lot of systems. Subscriptions, loyalty, memberships and search across products and content need to work as one website.
  5. Speed is a hard requirement. You want to control exactly what loads and how.

Speed matters. Deloitte found that a 0.1-second faster mobile site gave retailers 8.4% more conversions and a 9.2% higher average order value (Deloitte, 2020). A lean theme can be fast too, but headless gives you the most control over it.

Not sure? After an intake you get a proposal with a fixed price. Sometimes the advice is simply: stay native. Tell us about your store.

The downsides of headless

  • Apps don't just work. Many Shopify apps assume a theme. With headless, you connect reviews, upsells and tracking through each vendor's API or SDK. Check beforehand whether your key apps support that.
  • You're running software. Framework updates, new Storefront API versions, hosting and monitoring: someone has to keep up with it, you or your partner.
  • Two systems instead of one. Products live in Shopify, content in the CMS. With a well-set-up CMS you barely notice. With a badly set-up one, you do everything twice.
  • You rebuild the SEO basics. A theme handles sitemaps, canonical tags, structured data and redirects for you. With headless, those have to be built again, and so do previews.
  • Checkout stays Shopify's. That's good for reliability and payments. But you can't customise the checkout any more with headless than with native.

Hydrogen or Next.js?

Hydrogen is Shopify's own framework, built on React Router. Hosting on Oxygen is included at no extra cost on all paid Shopify plans, from Starter to Plus (except Agentic plans). A good fit if your website is mainly a shop.

We often pick Next.js on Vercel when the website has as much content as products. It isn't tied to Shopify, has a big ecosystem and works well with a CMS like DatoCMS. Both use the same Storefront API, so the connection to Shopify is the same.

Selling in several EU countries

Selling in the Netherlands, Belgium, Germany or further? Headless and Shopify Markets work well together. With the Storefront API's @inContext directive, you get prices in the right currency per country and product information in the right language. You manage the pages and campaigns per country in the CMS.

Two things we always sort out on EU projects:

  • Cookie consent. With headless, you load every pixel and script yourself. So GDPR consent has to be built in from the start.
  • SEO per country. hreflang, URLs per language and sitemaps per country have to be generated by the website itself.

Checklist: do you need Shopify headless?

Score one point for each "yes":

  • We publish content every week that should sell products.
  • We sell in 3 or more countries, with different content per country.
  • Our current theme holds our design team back more than once a quarter.
  • We use 3 or more systems besides Shopify (subscriptions, loyalty, memberships, ERP) that need to work as one website.
  • Our key apps have an API or headless SDK.
  • We have budget for ongoing maintenance, in-house or with a partner.
  • We've already optimised our native theme and are hitting its limits.

0–2: stay native and invest in a good, lean theme. 3–4: stay native for now, but set up your content so you can go headless later. 5 or more: headless is probably worth it.

How we work

Every project follows the same process: intake, a written scope with a fixed price, build, feedback, launch, and then maintenance and support without an expensive retainer. Native or headless, your team should be able to run the store themselves, with building blocks that match your brand, so marketing can build pages without a developer.

FAQ

What is headless in Shopify?

Shopify handles products, cart and checkout. The website your customers see is a separate app (for example Next.js or Hydrogen) that gets its data from Shopify through the Storefront API.

Is headless Shopify worth it?

Yes, if you have a lot of content, sell in several countries with different content, connect many systems or need a custom design, and you can pay for ongoing maintenance. For most small and mid-sized D2C stores, a good native theme gives a better return.

Is Shopify Hydrogen headless?

Yes. Hydrogen is Shopify's own framework for headless stores, built on React Router. Hosting on Oxygen is included at no extra cost on paid Shopify plans.

Does headless Shopify still use Shopify checkout?

Yes. The cart is built through the Storefront API, and customers pay in Shopify's checkout. You can't customise the checkout any more than in a native store.

Wat is headless e-commerce?

Headless e-commerce means your website and your store system are separate and talk to each other through an API. You can build the website however you like, while a platform such as Shopify handles products, orders and payments.

Do Shopify apps work with a headless store?

Apps that run in the Shopify admin usually do. Apps that show something in your theme (reviews, upsells, some tracking) have to be connected through their API or SDK. Check your key apps before you choose.

Ready to decide?

Choosing between headless and a native Shopify Plus theme? We look at your products, content, countries and apps, and tell you honestly what fits. You always get a proposal with a fixed price. Get in touch, email info@petercoolen.com or call +31 6 57 54 60 27.

Sources