Headless Shopify architecture example
Last updated: 14 June 2022
As discussed in the previous chapter, Shopify is built with separation in mind. Through their storefront API, merchants can build a unique headless shopping experience while still utilizing Shopify for what they are great at. In this chapter, we dive into a headless Shopify architecture and discover how it all works together.
A headless Shopify architecture consists of the following 3 layers:
The storefront layers consist of your website and any other channels you sell products with. Since the frontend and backend are decoupled in a headless architecture, you can deploy your frontend to any imaginable platform or device.
Native mobile app (IOS or Android)
Point of Sale (POS), any in-store system used for handling customer orders
The service layer is the backend of your eCommerce store where you manage your content and commerce.
A headless CMS is a content management system where you manage the content and pages of your webshop. A headless CMS can deliver your content through an API directly to where you need it.
The commerce side of things is managed with your eCommerce platform of choice. This is where customer information, orders, and products are managed. It’s also where payments are processed (you can use Shopify’s native checkout with a headless architecture).
This is also the layer where you can couple any third-party software to add functionality to your storefront layer such as smart site-search Algolia or review app Yotpo.
The back-office layer is where you can couple an ERP tool to the headless commerce architecture. ERP solutions are often only used by large-scale eCommerce brands.
Get our best content in your inbox
We’ll send you a bi-weekly update via email full of eCommerce tips, trends and resources.
We won’t put any spam in your mailbox, promised.