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: January 27th, 2022

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

Featured Change: Project Creation Presets

You can now create a PWA Kit project using presets. Presets let you specify a template for your project files and (optionally) use preconfigured settings for connecting to a B2C Commerce instance.

To create a project using the Retail React App template and connect it to our demo sandbox, run the following command in your terminal:

npx pwa-kit-create-app --preset retail-react-app-demo

With this new demo preset, anyone can try out PWA Kit in minutes!

To create a project with a different preset or use custom settings for connecting to your own B2C Commerce instance, run npx pwa-kit-create-app and follow the prompts.

To learn about all the available options for creating a project, run npx pwa-kit-create-app --help.

PRs: #285, #325, #322, #357, #358, #361

Other Changes

  • Support for React 17. #278
  • Support for NPM 7 and 8. #302
  • Update dependencies. #347 #346 #317
  • Reuse proxy connections in SDK. #306
  • Fix server error handling for unrecoverable errors. #326
  • Preliminary translations for the demo storefront. #324

Bug Fixes

  • Add constants for meta theme-color|apple-mobile-web-app-title. #287
  • Hide locale selector when there’s only a single locale. #262
  • Add to Cart remains active unless the item is out of stock. #222
  • Update error link. #303
  • Deprecate create-hash-manifest script. #300
  • Fix redirect after account creation. #360

Security Updates

  • Don’t send the HSTS header in local development. #288
  • [Snyk] Security upgrade shelljs from 0.8.4 to 0.8.5. #307
  • [Snyk] Security upgrade nanoid from 3.1.30 to 3.1.31. #308
  • [Snyk] Security upgrade cross-fetch from 3.1.4 to 3.1.5. #351

Full changelog v1.3.0...v1.4.0

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