Headless CMS implementation for DTC eCommerce brand

As part of a large-scale DTC platform development for a family of healthcare brands, B2X built a custom eCommerce ecosystem combining Shopify as the commerce engine, Next.js/React as a decoupled frontend, and Contentful as a headless CMS. The goal was to create a scalable content architecture that supports multiple brand websites, enables marketing autonomy, and integrates seamlessly into a composable commerce stack while maintaining high performance and SEO standards.

Custom Digital ProductsAI-Structured Corporate Websites

Healthcare & Regulated IndustrieseCommerce & Retail

The team covered everything we needed to launch a digital presence for our family of healthcare brands, delivering a full DTC eCommerce platform with custom brand stores, a dedicated B2B shop and ERP integration, all centrally managed via Shopify Plus backend.

Oliver Freichel

Managing Director | Midas Healthcare GmbH

Challenge

Starting point: headless architecture

As part of a large-scale DTC platform development project for a family of healthcare brands, B2X Software designed and implemented a custom eCommerce ecosystem. The platform architecture included: Shopify as a transactional backend (catalog, checkout, orders) and Next.js / React as a custom frontend layer. Since the frontend was fully decoupled and built with modern web technologies, a traditional CMS or site builder was not suitable. We required a scalable headless content architecture.

Contentful website displayed on a smartphone screen, showing the headline “One dynamic content platform, infinite possibilities” and a preview of the content management interface for managing and personalizing digital content.

Challenge

Selecting the right headless CMS

After deciding on a headless approach, we evaluated several enterprise-grade CMS platforms: Contentful, Strapi, Sanity.io and Storyblok.

We selected Contentful because it provided:

Multi-project & multi-space management (content for multiple healthcare brand websites could be managed from a single organization account with isolated environments).
Mature market position (one of the leading headless CMS platforms with strong ecosystem support).
Flexible content modeling (highly customizable data models that aligned with our custom frontend and design system architecture).
API-first architecture (seamless integration with Next.js, CDN layer and SEO tooling).
Acceptable Pricing Structure (balanced pricing for enterprise-level flexibility).

CMS architecture design

The CMS architecture was designed as a structured, API-driven content layer fully integrated into the composable DTC ecosystem. Contentful operated as a centralized content engine, while Shopify handled transactional logic and Next.js rendered the presentation layer.

Content management

We structured the CMS as a centralized content management layer where all website content — including PDPs, blog and landing pages — could be created and edited:

SEO metadata
Structured rich content
Author profiles
Categories
Related products
Schema-ready data structures

Editorial workflows

The implementation enabled:

Content editors to manage articles via visual editor
SEO team to control meta fields and indexing rules
Developers to consume structured API output
Preview mode for live environment testing

Site builder functionality

Effectively, the CMS operated as a structured site builder, allowing teams to:

Edit content blocks
Preview changes before publishing
Manage structured SEO settings
Maintain consistency across brands

Solution

Design System Integration into CMS Data Models

One of the most technically complex aspects of the implementation was aligning the design system with the CMS architecture. Each UI component — including hero sections, feature blocks, product highlights, content grids, CTA sections, and FAQ modules — was mapped to a corresponding CMS content model. Every block was defined as a reusable content type, configurable through structured fields, and connected via a reference-based architecture. This ensured consistency between design and content structure while enabling modular page assembly within the headless environment.

Contentful CMS interface configuring a subscription discount pop-up, with structured fields on the left and live preview of the promotional modal with price, product image, email field, and “Abonnieren” button on the right.

Solution

Page Builder Logic

We implemented a modular page construction system where pages were composed of dynamic block references aligned with the design system. The structure allowed drag-and-order flexibility, custom page creation, redirect management, and full control over URLs. As a result, marketing teams could independently create new landing pages, assemble layouts from pre-designed blocks, maintain brand consistency, and launch campaigns without developer intervention. The CMS effectively functioned as a controlled, structured page builder layered on top of the custom Next.js frontend.

Headless CMS impact on DTC eCommerce architecture

The headless Contentful implementation within a Shopify + Next.js architecture delivered measurable gains in performance, release speed, and team efficiency — enabling faster campaigns, quicker feature iteration, and consistently high Lighthouse scores.