Use Composable Storefront in a Hybrid Implementation

A hybrid storefront allows the combination of traditional storefronts built on Salesforce Commerce Cloud with decoupled, headless Composable Storefront sites. B2C Commerce supports hybrid storefront implementations so that you can execute on your headless strategy with reduced cost and faster time to market.

Salesforce's supported implementation for a hybrid storefront is part SFRA and part Composable Storefront. Other headless solutions are not officially supported. Although SiteGenesis is not officially supported, there is a Site Genesis + Composable POC.

Only existing customers can access some of the links on this page. Visit Salesforce Commerce Cloud GitHub Repositories and Access for information about how to get access to the Commerce Cloud repositories.

The following image provides an example hybrid B2C Commerce stack. Composable Storefront, which contains PWA Kit and MRT, serves the top of funnel as a headless implementation and uses SCAPI to communicate with the B2C Commerce instance. An SFRA storefront running cart and checkout communicates directly with the B2C Commerce instance. The SFRA project uses plugin_SLAS to facilitate session data between the two infrastructures. A CDN (eCDN or your own stacked CDN) routes traffic to the two infrastructures depending on the shopper requested path. B2C Commerce Hybrid

Decide on the goals, scope, and timeline for your hybrid (phased headless) rollout. Keep in mind that the longer your site is in hybrid mode, the more time you have to spend on the operating complexity involved. Set a due date for transitioning to a 100% Composable site.

A principal benefit of a single page application(SPA) like PWA Kit is that the app bundle is sent to the client and subsequent page requests can often be served without server requests. For this reason, we highly recommend having more than 1 page on PWA Kit to gain performance and shopper UX efficiencies, for example: instead of just your homepage - migrate your homepage and next 1-2 most common journey steps (homepage & search; homepage & our brand). Use the analytics tools at your disposal to chart these common customer journey paths through your site.

The use of Plugin_SLAS for hybrid deployments is formally supported when used with the PWA Kit.

  • Use of this cartridge to enable hybrid with bespoke or custom headless web applications is possible but not formally supported.
    • Customers may also consider using the B2C Commerce APIs directly to facilitate this use case. Read about the session API.
  • Plugin_SLAS is configured for hybrid PWA Kits against the latest version of SFRA.
    • SiteGenesis users can leverage an unofficial solution that extends Plugin_SLAS and SiteGenesis to facilitate this use case. To learn more, see Proof of Concept for Plugin_SLAS.