---
schema_version: "1"
id: cb2130faffbbeab42372e84fd26bf145c3505a273dafbcdbfd4b422c0c9e43e2
title: Build Modern Shopping Experiences with PWA Kit
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/commerce/264-0-0/pwa_kit_rn_1_3_0_release.md
canonical_url: https://help.salesforce.com/s/articleView?id=commerce.pwa_kit_rn_1_3_0_release.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 1ce5b244eb23a8da27d07d97889f5b2eb69290c9858fb7e5cc55603ce01c5088
description: 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.
products:
  - Commerce
  - B2C Commerce
release: "264"
---
# 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 6th, 2022

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

**Changes**

- Locale-based URLs. You can include the locale in the URL path or as a query parameter using the new configuration in `pwa-kit-config.json`. [#228](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/228) [#255](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/255)
- All configuration options related to the Commerce API and the Einstein API that were previously in `commerce-api.config.js` and `einstein-api.config.js` are now in one file: `api.config.js`. [#256](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/256)
- The new `DynamicImage` component can transform your images by mapping an array of widths to the corresponding `sizes` and `srcSet` attributes. This component also makes it easier to use the [Dynamic Imaging Service](https://help.salesforce.com/s/articleView?id=cc.b2c_creating_image_transformation_urls.htm&type=5&language=en_US). [#186](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/186)
- The query parameters `mobify_server_only` and `mobify_pretty` used for debugging are now called `__server_only` and `__pretty_print`. The old query parameters are deprecated but still work. [#250](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/250)
- New `id` and `defaultMessage` parameters to enable translation for the Retail React App. [#195](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/195) [#207](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/207) [#239](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/239) [#252](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/252) [#260](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/260)
- New example product scroller on the home page of the Retail React App. [#218](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/218) [#208](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/208) [#216](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/216)
- The `outputDir` option for the `npx pwa-kit-create-app` script defaults to `pwa-kit-starter-project` instead of `generated-project`. [#268](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/268)
- The `Seo` component now fetches the default site title from `pages/constants.js`. [#279](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/279)
- The `createApp` function takes a new option called `enableLegacyRemoteProxying` that defaults to true. When set to `false`, local development proxying is disabled when running remotely. In future, local development proxying will be disabled when running remotely. [#205](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/205)
- More informative error output when the locale configured in PWA kit doesn’t match the one in Business Manager. [#225](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/225)
- Error messages point to the latest documentation and help topics. [#268](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/268)
- New and updated tests for search pages. [#245](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/245)

**Bug Fixes**

- Promotion codes appear in uppercase in order summary. [#224](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/224)
- Order summary prices on checkout page misaligned on mobile. [#233](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/233)
- Shipping method description overflows the price section. [#232](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/232)
- Stack trace data and SSR options are visible on error pages when viewing page source. [#230](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/230) [#249](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/249)
- Incorrect prop warning for section subtitle. [#282](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/282)
- Incorrect repository URL in the NPM registry. [#257](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/257)

**Security Updates**

- Set common HTTP security headers in the Retail React App. [#263](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/263)
- Remove `upgrade-insecure-requests` for local development. [#270](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/270)

Full changelog [v1.2.0...v1.3.0](https://github.com/SalesforceCommerceCloud/pwa-kit/compare/v1.2.0...v1.3.0)

**How:** The PWA Kit is available as an open-source project on GitHub. To get started, see the documentation on the [Salesforce Developers](https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/overview) site.