Skip to content
GDPR-compliant B2B shops

Headless Commerce with Shopware: Frontend Freedom for B2B

With the Shopware Store API, we fully decouple frontend and backend. The result: tailored user experiences, lightning-fast load times and a shop that delivers consistently across all channels — without compromising your B2B processes.

Shopware Store API Entry from 14,900 € net Omnichannel B2B

OCI 5.0

punch-out standard

faster frontend iterations (project experience)

40%

better Core Web Vitals (project experience)

1

backend, unlimited frontends

Guide prices · net plus VAT

from 14,900 € entry net
  • Decoupled frontend with Vue.js, React or SvelteKit
  • One Shopware CE backend for web shop, app and punchout
  • Store API extensions as a plugin, no lock-in license
  • Binding fixed price after a free initial consultation

A typical full headless project starts from 39,000 €, a phased entry for a single area from 14,900 €. Store API extensions by effort (hourly rate 119 €, day rate 940 €). Shopware license costs for optional B2B feature packages are shown separately. All prices net plus VAT, binding after a free initial consultation.

Traditional Shopware shops couple frontend and backend in a monolithic system. That works well until requirements grow: a custom React or Vue.js frontend, a native app, an IoT ordering terminal or a tailored B2B portal with complex user flows. For these scenarios, Shopware CE and its powerful Store API provide an ideal foundation for the headless approach. As a specialized B2B e-commerce agency, we develop decoupled frontends that leverage all the strengths of modern JavaScript frameworks while fully preserving the proven Shopware backend logic for catalog, pricing, order processing and ERP integration.

Headless B2B project: timeline

Headless B2B project · Timeline
From architecture to go-live
Frontend and backend are built in parallel — one Shopware CE backend, unlimited frontends via the Store API
Week 1–2 · Concept
Architecture workshop and API analysis
Channels, required Store API endpoints and framework choice. Define the rendering strategy (SSR, SSG, ISR) and caching concept.
Week 2–4 · Contract
API contract and data model
Store API contract between frontend and backend, B2B extensions such as company accounts and approvals defined as a Shopware plugin.
Week 4–10 · Build
Parallel frontend and backend development
Frontend against mock services while the backend extensions are built at the same time — the parallel approach noticeably shortens project duration.
Week 10–12 · Hardening
Integration and performance testing
LCP target below 1.5 s, end-to-end tests of all B2B flows, load tests of the Store API under realistic order volumes.
Go-live · Operation
Distributed deployment and monitoring
Backend on dedicated servers, frontend on edge/CDN infrastructure. Monitoring of API latency, frontend performance and checkout conversion.
Now activeParallel development · Week 4–10
Entry netfrom 14,900 €
Illustrative flow of a headless B2B project: from the architecture workshop through parallel development to go-live. Timings are illustrative.

What Is Headless Commerce and Why Does It Matter for B2B?

In the traditional e-commerce model, the backend not only handles business logic but also delivers fully rendered HTML pages to the browser. This is easy to operate but inflexible: the backend's template system dictates how the shop looks and behaves. Headless commerce separates these layers entirely. The backend — in our case Shopware CE — handles data storage, pricing, order processing and all B2B business logic. The frontend is an independent application that communicates with the backend via the Shopware Store API and renders the interface completely on its own terms.

This decoupling creates freedoms that are not achievable with the classical Shopware Storefront approach. The frontend team can work with modern frameworks such as Vue.js, React, SvelteKit or Next.js without needing knowledge of the PHP backend stack. Frontend iterations, A/B tests and performance optimizations can be performed entirely independently of backend deployments. At the same time, design specifications can be realized at any level of detail that a theme system could never accommodate. For B2B projects with complex user interfaces, customer-specific dashboards and multi-step ordering processes, this is a decisive advantage.

The Shopware Store API as Foundation

The Shopware Store API is a complete REST API that makes all Shopware frontend functions accessible programmatically. Product catalogs, category structures, search, cart, checkout, customer accounts and B2B-specific features such as company hierarchies, approval workflows and individual price lists — everything is available via cleanly documented endpoints. The API follows the OpenAPI standard and is fully typed, so frontends can use auto-generated client code.

Product Catalog and Search

Full access to categories, products, variants, pricing and stock levels. Elasticsearch-powered search with faceted filtering and autocomplete via the Listing API.

Cart and Checkout

Stateless cart API with token-based session management. Complete checkout flow including address validation, shipping cost calculation and payment processing across all B2B payment methods.

Company Accounts and B2B Logic

Company hierarchies with parent and sub-accounts, role-based permissions, order approval workflows and budget-based purchasing limits, all fully controllable via API.

Customer Prices in Real Time

Customer-specific price lists, tiered pricing and framework contract conditions are retrieved in real time via the Pricing API and displayed in the frontend without page reload.

CMS and Landing Pages

Shopware CMS content, category pages and Shopping Experiences are fully retrievable via the Content API and can be rendered in the headless frontend using your own layouts.

Authentication and Security

OAuth2-based token flow for customer login and company access. API keys for server-side requests with granular permission levels for secure B2B scenarios.

When Is Headless Commerce the Right Choice?

Headless commerce is not the optimal choice for every project. A classic Shopware Storefront shop is faster to build and sufficient for many B2B projects. The decoupled architecture delivers its value when specific requirements arise that a classic storefront approach cannot fulfill economically. In our projects, we recommend headless commerce for the following scenarios.

  • Complex frontend requirements that exceed what the Twig template system can achieve
  • Simultaneous operation of multiple frontend channels (web shop, app, B2B portal) on one backend
  • High performance requirements with LCP targets below 1.5 seconds
  • Design specifications that a framework like Twig cannot implement structurally
  • Highly interactive pages such as product configurators, live price calculators or dashboard views
  • International operations with different market requirements per language region
  • Embedding the Shopware backend into an existing React or Vue.js application

Classic or Headless? We Give You an Honest Assessment

Not every project needs a headless architecture. If a classic Shopware Storefront fully meets your requirements, we recommend that path — it is simpler to operate and more cost-effective. If you are unsure which approach fits your situation, we start with a strategic e-commerce consultation.

Omnichannel in B2B: One Backend, Many Frontends

One Backend, Unlimited Frontends

In B2B, nobody buys through a single channel: buyers order in the web shop, field sales via a tablet app, large accounts via punchout from their procurement system, special products via a configurator. Every channel speaks the same Shopware Store API — customer-specific prices, approvals, stock levels and the ERP connection live in a single place in the backend.

  • Web shop, app, punchout portal and configurator share one Shopware CE backend
  • Customer prices, approvals and stock levels are maintained centrally, not duplicated per channel
  • A price change in the ERP takes effect immediately across all channels, without any frontend update
Omnichannel architecture
One API, every channel
Shopware Store API
Web shopMobile appPunchout portalProduct configuratorERP syncPIM feed

In B2B commerce, purchasing rarely happens through a single channel. Buyers order via the web shop, field sales staff via an app on a tablet, large accounts via punchout connections from their ERP, and certain products are assembled through a specialized configuration portal. The headless architecture makes exactly this scenario possible: all channels communicate through the same Shopware Store API, and the business logic — customer-specific prices, order approvals, inventory levels and ERP connectivity via our integration platform — lives in a single place in the backend.

In practice this means: when a pricing rule changes in the ERP, the change takes effect immediately across all channels without any frontend updates. New product data, categories or promotional prices are maintained once and automatically available in the web shop, app and punchout portal. PIM integration delivers structured product data into the Shopware backend, from where the API distributes it to all frontends. This central data model is the true value of a well-built headless system: it eliminates data silos not only between shop and ERP but also between your various sales channels.

Technology Stack for Headless B2B with Shopware

Vue.js / Nuxt.js

Proven stack for complex B2B applications with a rich component ecosystem. Nuxt.js enables server-side rendering for optimal Core Web Vitals and search engine visibility.

React / Next.js

Ideal for larger development teams and maximum component reuse. Next.js App Router with Server Components for minimal JavaScript bundles and excellent performance.

SvelteKit

Compiled approach with minimal runtime overhead. Particularly suited for high-performance B2B portals with reactive dashboards and interactive product configurators.

CDN and Edge Rendering

Statically generated pages served via CDN or edge infrastructure. Dynamic API calls to Shopware are handled client- or server-side depending on data sensitivity.

Composable Architecture

Headless frontends are built as a composition of reusable logic modules for cart, search and checkout that can be shared across all channels.

Shopware Frontends SDK

The official Shopware Composable Frontends SDK accelerates development with pre-built composables for all Store API endpoints. Type safety through automatically generated TypeScript types.

The Development Process for Headless B2B Projects

Scope of Services: What We Deliver for Your Headless Project

A headless commerce project with Shopware CE covers much more than frontend development alone. We handle the full spectrum from architecture design through API extensions to production-ready deployment. The following describes the key service components included in a typical headless B2B project.

Store API Extensions

When the standard Store API does not fully cover your B2B requirements, we develop custom API endpoints as Shopware plugins. Examples include dashboard endpoints with aggregated order data, real-time availability queries across multiple warehouses or project-specific configurator logic.

Frontend Application

Development of the headless frontend according to your design specifications using the agreed JavaScript framework. Complete implementation of all B2B flows: catalog, search, product detail, configuration pages, cart, checkout, customer account and company administration.

Performance Optimization

Rendering strategy (SSR, SSG, ISR) per page type, code splitting, image optimization, font subsetting and critical CSS inlining. Target values for LCP, CLS and INP in line with our performance services.

Multilingual and Internationalization

i18n integration with Shopware managing translations, currencies and tax rates. The frontend retrieves all localized content via the API and adapts routing, meta tags and structured data per language region.

Classic or Headless? Let Us Settle It in One Call

Whether full decoupling or a phased migration of individual areas — in a free initial consultation we assess which path delivers the greatest value for your B2B processes and channels, with a clear guide price.

What a Headless Project Costs

Headless commerce is not an off-the-shelf product, but without any orientation you are left guessing. That is why we state clear starting prices for the typical build stages here. The exact price depends on the number of channels, the scope of the Store API extensions and your rendering strategy, and is fixed bindingly after a free initial consultation, with no hidden items.

Build Stages for Your Headless Project

All prices net plus VAT. Every project starts with a free initial consultation and a clear quote. Scope, channels and API extensions determine the right path.

Hybrid Entry

One particularly demanding area goes headless, the rest stays classic.

from 14,900 € fixed price net
  • A single headless area, e.g. a configurator or B2B dashboard
  • Connected to your existing Shopware CE storefront
  • Store API integration with server-side rendering
  • Measurable improvement without a full system replacement
Request a Consultation
Typical

Full Headless Project

A fully decoupled frontend built on Shopware CE.

from 39,000 € fixed price net
  • Decoupled frontend with Vue.js, React or SvelteKit
  • All B2B flows: catalog, checkout, company accounts, approvals
  • Store API extensions as a Shopware plugin
  • Performance optimization to Core Web Vitals targets
  • Distributed deployment and ongoing monitoring
Request a Consultation

Store API Extensions

Custom endpoints and ongoing development by effort.

119 € per hour day rate 940 € net
  • Custom Store API endpoints as a plugin
  • Dashboard and real-time availability queries
  • Adjustments and new channels during operation
  • Project retainer or transparent day rate
Send Request

Shopware license costs for optional B2B feature packages are shown separately and are not included in the agency prices. A binding quote follows the free initial consultation, broken down by building block.

Comparison: Headless vs. Classic Shopware Storefront

The decision between headless commerce and a classic storefront approach is one of the most important architectural choices we make together with our clients. Both approaches have their place, and we deliberately set no default that applies to every project. What matters are your specific requirements, your internal technology environment and your long-term digital strategy.

CriterionClassic StorefrontHeadless Commerce
Development speedFaster time to market (Twig, SCSS)Longer initial build, faster iterations thereafter
Frontend flexibilityLimited to Twig templatesComplete freedom in frontend framework
PerformanceGood with caching layerVery high (SSG/ISR, edge rendering)
OmnichannelCostly (multiple storefronts)Native (one backend, N frontends)
Operational complexityLower (single system)Higher (frontend + backend separate)
B2B featuresFull via Shopware B2BFull via Store API

B2B-Specific Requirements in the Headless Architecture

Headless commerce in a B2B context presents different demands than in the consumer space. Complex company hierarchies, multi-level approval workflows and customer-specific catalog views must work just as reliably through the Store API as in the classic storefront approach. In our projects, we have built headless frontends for exactly these scenarios and have proven patterns for mapping complex B2B logic in a decoupled frontend.

We pay particular attention to pricing strategy in the headless context. In B2B, correctly displaying customer-specific prices, tiered rates and framework contract conditions is business-critical. We implement a carefully designed caching strategy that ensures pricing pages are never served with incorrect data: price requests are cached server-side with short TTLs and are never stored in public CDN caches at the customer level. The result is fast price display without the risk of showing one customer another customer's price.

For B2B portals with a strong self-service character — such as the B2B customer portal — the headless approach is particularly well suited. Order histories, invoice archives, delivery status and individual dashboards can be designed far more conveniently and responsively with a modern JavaScript framework than with classical Twig templates. At the same time, the customer portal benefits from the central Shopware backend logic for permissions, company hierarchies and pricing. Our practice articles on Marketplace or Own Shop? B2B Platform Strategy 2026 and API Architecture in B2B: REST, GraphQL and Message Queues explain how this works in detail.

Gradual Migration to Headless Is Possible

A complete headless rebuild is not always necessary. In some projects, we migrate only particularly demanding areas — such as a product configurator or a B2B dashboard — to a headless approach while the rest of the shop continues to run on the classic storefront. This step-by-step approach reduces risk and enables measurable improvements in critical areas without a complete system replacement.

Frequently Asked Questions about Headless Commerce with Shopware

What can we help you with?

One click is enough — everything after that is optional.

Tell us briefly about the project

Everything on this step is optional.

When would you like to start? (optional)
Rough budget range (optional)

Optional — you are not committing to anything.

How can we reach you?

We usually get back to you within one business day.

By submitting you consent to the processing of your details to handle this request. Details in our privacy policy.