Headless commerce
Headless commerce is an ecommerce setup where the storefront (what shoppers see) is separated from the backend (catalogue, cart, checkout, orders). The two talk through APIs. This lets a brand build a fully custom front end in React, Next.js or a mobile app, while Shopify, BigCommerce or a similar engine handles products and payments.
Headless commerce is an ecommerce setup where the storefront (what shoppers see) is separated from the backend (catalogue, cart, checkout, orders). The two talk through APIs. This lets a brand build a fully custom front end in React, Next.js or a mobile app, while Shopify, BigCommerce or a similar engine handles products and payments.
In a traditional Shopify store the theme and the commerce engine are bundled together. You pick a theme, edit Liquid, and the same system that stores your products also renders the pages. Headless splits that. The backend keeps doing inventory, pricing, cart and checkout, and a separate front end pulls that data through APIs like the Shopify Storefront API and renders whatever you want.
Brands go headless when the regular theme layer cannot keep up. Common reasons are very custom design, faster page loads, building a PWA or native app, running one backend across a website plus a mobile app plus in-store kiosks, or stitching together a CMS like Sanity with commerce on Shopify.
The trade-off is real. You gain control and speed, you lose plug-and-play. Theme app embeds, one-click apps from the app store, and many marketing tools assume a normal Shopify storefront. On a headless front end you usually have to wire those in by hand, including pixels, reviews widgets, and shoppable video.
Headless is not the same as composable commerce, though the words often appear together. Composable means picking best-of-breed services for search, CMS, payments, loyalty and so on. Headless is specifically about decoupling the front end. A store can be headless without being fully composable.
On beyondRegular
beyondRegular installs with one script tag, so it drops into a normal Shopify theme through an app embed with no code. On a headless front end the same widget still works, you just paste the script into your React or Next.js layout and the carousel, floating bubble or reel feed renders inside your custom storefront. Product tags still link to your existing PDPs, and checkout still runs through your own gateway, whether that is Shopify Payments, Razorpay or Cashfree. The one thing to confirm with a headless build is revenue attribution. On classic Shopify, beyondRegular Pro uses the Shopify web pixel. On a headless setup your developer needs to make sure the pixel is firing on the custom storefront so attributed sales show up correctly.
Common questions
Do I need to go headless to use shoppable video?
No. Most D2C brands in India run a standard Shopify theme and shoppable video works fine through a theme app embed. Headless is worth considering only if you already need a heavily custom front end, a mobile app on the same catalogue, or speed gains that a regular theme cannot give you. For the video layer itself, beyondRegular installs the same way in both setups, so the choice should be driven by the rest of your stack, not by the widget.
What breaks when I move a Shopify store to headless?
Anything that assumed the default theme. Theme app embeds, some review widgets, certain upsell apps, and Shopify's own checkout extensions may need to be re-wired or replaced. Page speed often improves, but SEO, structured data, sitemaps and analytics have to be set up by hand on the new front end. Tracking pixels for Meta, Google and tools like beyondRegular also need to be added explicitly. Plan for development time, not just a theme swap.