Salesforce Docs Portal

Build Modern Shopping Experiences with PWA Kit

The Progressive Web App (PWA) Kit is a new storefront technology for headless commerce using Salesforce Commerce APIs and React. It provides front-end developers with a more flexible and agile approach to build and maintain modern shopping experiences. This release focuses on localization updates and improvements related to SEO, performance, and shopper experience.

Where: Available to all Salesforce B2C Commerce customers.

When: October 27, 2022

Why: Each change has a numbered link to the relevant pull request in the open-source repository.

Featured Change: React Query Support

The pwa-kit-react-sdk now supports data fetching with React Query on the server side.

For details on how to migrate a v2.2 project to v2.3, see the Upgrade to v2.3 guide. (Coming soon).

Changes to pwa-kit-react-sdk

  • Support react-query server-side data fetching. #724
  • Add a server-safe default configuration for queryClientConfig option. #734
  • Add useServerContext hook with the res response object and the isServerSide flag. #737
  • Handle react-query server-side errors. #735
  • Fix internal build script. #706
  • Add Correlation ID to SCAPI requests. #728

Changes to template-retail-react-app

  • Fix locale alias by including locale object inside the MultiSite Context. #716
  • Updated translations. #725
  • Add new Einstein API activities. #714
  • Fix search field to recognize the & character. #736
  • Fix filters on search results page. #742
  • Make copyright date in footer dynamic. #741
  • Bugfix: image gallery thumbnails not working without DIS. #786

Changes to pwa-kit-create-app

  • Fix missing required fields in the manifest.json file for generated projects. #729
  • Update ODS instance URL for the retail-react-app-demo preset. #799

Changes to pwa-kit-runtime

  • Performance: Skip retries when flushing CloudWatch metrics and prioritize returning a response instead. #720
  • Add correlation-id to the header of SCAPI requests. #728

Changes to pwa-kit-dev

  • Minimize "Module not found" errors during a webpack rebuild whenever a package dependency is being updated or built. #722
  • Update minimatch. #793

Full Changelog

How: The PWA Kit is available as an open-source project on GitHub. To get started, see the documentation on the Salesforce Developers site.