b2b-storefront-split

internal

Architected separate B2B and direct-to-consumer storefront experiences on top of shared commerce infrastructure. The B2B channel uses a Shopify-native storefront, while the DTC experience runs headless with React and Gatsby, using Contentful for flexible content management and Shopify for commerce.

Shopify FunctionsReactGatsbyStorefront API

cat architecture.md

B2B Storefront

Shopify theme
Wholesale workflows
B2B purchasing

Shopify

Products
Customers
Orders

Headless DTC

React
Gatsby
Custom storefront UX

Contentful

CMS
Page content
Flexible merchandising

# Why split the experiences?: B2B and direct-to-consumer customers have different purchasing workflows and content needs. Separating the storefronts allows each channel to evolve independently without forcing both audiences into the same frontend architecture.
# Why headless for DTC?: The React and Gatsby storefront provides greater control over the customer experience, while Contentful allows content and merchandising to be managed independently from Shopify theme constraints.