{"id":8434,"date":"2021-09-15T14:37:37","date_gmt":"2021-09-15T14:37:37","guid":{"rendered":"https:\/\/spreecommerce.org\/?p=8434"},"modified":"2026-03-13T14:44:55","modified_gmt":"2026-03-13T14:44:55","slug":"spree-commerce-4-3-headless-and-api-first-ecommerce","status":"publish","type":"post","link":"https:\/\/spreecommerce.org\/spree-commerce-4-3-headless-and-api-first-ecommerce\/","title":{"rendered":"Spree Commerce 4.3: headless and API-first eCommerce"},"content":{"rendered":"

With this latest release, Spree is going headless and API-first, unlocking limitless UX customization possibilities with best-in-class decoupled JS storefront integrations. Save hundreds of hours on development and build outstanding eCommerce platforms in a matter of days.\u00a0<\/span><\/p>\n

<\/p>\n

Pre-built storefront integrations for eCommerce API<\/h1>\n

Use the pre-built integration with <\/span>Next.js Commerce<\/span><\/a>, which is an all-in-one React starter kit for high-performance eCommerce sites built by <\/span>Vercel<\/span><\/a>, a Unicorn #devtech company known for best developer experiences and an obsessive focus on end-user performance. <\/span><\/p>\n

The Next.js framework is used by the likes of Marvel, Netflix, Twitch, TikTok, Hulu among others. Make sure to check out some examples<\/a> of the blazing fast, SEO friendly, amazing looking eCommerce storefront apps built with Next.js Commerce.\u00a0<\/span><\/p>\n

See the Spree integration <\/span>demo here<\/a><\/strong> and <\/span>getting started steps here<\/span><\/a>. Front-end development using Next.js Commerce is just easy and enjoyable. Ask any developer.<\/span>\"\"<\/a><\/p>\n

The Next.js Commerce storefront, hosted for example in the Vercel cloud, is plugged into Spree headless APIs<\/a> and may be connected with Stripe Checkout<\/a> or a custom checkout app. These are completely decoupled apps talking to each other over APIs.<\/p>\n

Such an eCommerce platform usually has other microservices integrated<\/a> into it such as analytics tools (i.e. Google Analytics, Segment, others), marketing automation tools (i.e. Klaviyo<\/a>, Yotpo<\/a>, Mailchimp<\/a>), and comes with a Spree admin dashboard and a service for sending out customer transactional emails (order confirmation, shipment confirmation, password reset email and others).<\/p>\n

\"\"<\/a><\/p>\n

Besides the above, you may use the Vue Storefront 2 integration or any custom-built frontend apps using Spree <\/span>Javascript\/TypeScript SDK<\/span><\/a>.\u00a0<\/span><\/p>\n

Exceed expectations in page load speed, create delightful online experiences and make data-driven iterative improvements independent from the Spree backend. This way, you can be truly agile with your frontend work while at the same time keeping that Spree upgrade path clean and future-proof. That\u2019s hundreds of painful backend hours and countless dollars in savings right there.<\/span><\/p>\n

Headless omnichannel commerce<\/h1>\n

Connect your Spree headless backend to any number of storefronts, mobile apps, social commerce, or other sales channels and effortlessly grow your omnichannel footprint.\u00a0<\/span><\/p>\n

Mobile app or a web storefront – these are completely decoupled applications speaking to the Spree headless eCommerce engine using its APIs. So if you’re running a multi-vendor marketplace<\/a> you may operate both a web storefront for it and a native mobile app available from AppStore or GooglePlay.<\/p>\n

\"\"<\/a><\/p>\n

Maintain your product data integrity and stock levels synced across all channels with Spree headless backend serving as the source of truth and system of record. No more overselling or presenting products that are already out of stock.<\/span><\/p>\n

Reclaim ownership of your entire eCommerce ecosystem by integrating Spree with any 3rd party solutions: payment, shipping, marketing automation, or reporting tools you require. Check out our growing <\/span>integrations section<\/span><\/a>.\u00a0<\/span><\/p>\n

Headless multi-store functionality<\/h1>\n

Experiment with new brands or country-specific experiences using the multi-store functionality from a single headless Spree instance and admin dashboard.\u00a0<\/span><\/p>\n

\"\"<\/a><\/p>\n

Curate custom homepages and shoppable content for each store with the brand new built-in Spree CMS in any language and for any currency. Enable product discovery with advanced product filters and media-rich menus.<\/span><\/p>\n

Here\u2019s how it works.<\/span><\/p>\n

Modular API-first architecture<\/h1>\n

We\u2019ve completely rebuilt the Spree architecture to make it modular and API-first. \u200b\u200bThe default storefront and admin panel are now decoupled from Spree Core and Spree APIs.<\/span><\/p>\n

Thanks to this you can:<\/span><\/p>\n