Composable Storefront

Installing Composable Storefront with SCAPI and PWA

SFCC PWA

The ESW PWA cartridge is developed for use with the SFCC PWA (SFCC Progressive Web-App) Kit. To use this cartridge make sure you already have a working PWA environment.

Github

The Salesforce Commerce Cloud PWA Kit provides a modern, headless front-end framework for building Progressive Web App (PWA) storefronts on SFCC.

Installing the Cartridge (PWA)

Follow these steps to install the ESW PWA cartridge for the first time:

Clone the Repository

Clone the ESW cartridge repository to your local development environment.

Import the Cartridges

  • Import the following cartridges into your workspace:
    • int_eshopworld_pwa
    • int_eshopworld_core

Import Site Data

  • Navigate to Metadata > Sitesdata
  • Create a ZIP archive of the sitesdata folder (e.g., sitesdata.zip).
  • Import ZIP file into your SFCC instance via Business Manager > Administration > Site Development > Import & Export

Assign Cartridges to the Site

Assign the int_eshopworld_pwa and int_eshopworld_core cartridges to the site’s cartridge path. The cartridge path sequence should look like this:

int_eshopworld_pwa: int_eshopworld_core: app_someother_cartridge

Configure SCAPI

Add or update the SCAPI configuration as required to enable ESW endpoints for PWA storefront communication.

Headless (OCAPI) Architecture
Installing Headless (OCAPI) Architecture Cartridge
SiteGenesis
Customizing the ESW integration in SiteGenesis