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: November 18, 2021
Why: Each change has a numbered link to the relevant pull request in the open-source repository.
Retail React App Localization
You can now build translation bundles using npm as well as associate locale selectors with preferred currencies. You can also keep all localization-related configurations in one place. For more information, see the Localization README.
- Use the preferred currency when switching locales #105
- When adding a locale, minimize configuring the locale selector UI by having a list of commonly used locales #175
- Rename the extract-messages and compile-messages commands to extract default translations and compile translations #160
- For search engine crawlers, add hreflang links to the current page’s HTML #137
- Allow individual Commerce API calls to pass in a different locale or currency and override the global value #177
- Enabling pseudo locale affects only the loading of the translation messages. The rest of the app still knows about English and the other locales. #177
- Fix regression with loading the correct translation file #193
- Fix Missing Locale param for Commerce API calls #174
Retail React App Performance and Usability
A new simplified home page makes it easier to get started with developing your storefront. We also implemented fixes for performance and usability.
Retail React App Shopper Experience
Improvements in Einstein recommendation and wishlists enhance the shopper experience.
- Ensure
cookieIdvalue is always sent for Einstein recommendations #179 - Integrate wishlist with Einstein recommended products #131
- Enable favorite icons on product tiles for guest users #173
- Enable adding wishlist items to the cart #158
- Renamed
CartItemVarianttoItemVariantProviderto improve reuse #155
Fixes and Security Updates
- Removed x-powered-by HTTP response header #165
- Upgraded chakra-ui/react to version ^1.7.1 #204
- Upgraded copy-webpack-plugin to fix tar vulnerability #181
- Cleared SLAS tokens when OID is changed so that when you connect to a different sandbox, the new tokens are used #178
- Updated security package
Full changelog v1.1.0...v1.2.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.