Composable Storefront Release Notes

These release notes include updates to Progressive Web App (PWA) Kit and Managed Runtime. For release notes published before October 2023, see:

Quickly find logs generated by your PWA Kit site by searching on namespaces added as prefixes to logs in Log Center. The namespace pinpoints the specific part of your codebase where an error occurred, helping you to focus your troubleshooting efforts. See Debug Using Log Center.

Restrict access to your Managed Runtime environment to traffic coming from your third-party content delivery network (CDN). Set a shared access control header across your CDN and environment to ensure that shoppers, bots, and crawlers don’t access your environment directly.

See Access Control Headers and the projects_target_access_control_header_create API to learn how you can lock down your environment.

Drive conversion and shopper engagement and reduce implementation costs with our greatly improved product tiles available in the PWA Kit Retail React App. Product tiles now feature:

  • Promo callouts
  • Strike-through pricing
  • Product tile swatches for variant selection
  • Product badges
  • Use of the productSearch API with expansions, which offers improved performance over the combination of the productSearch and getProduct(s) APIs

Easily create a sitemap in Business Manager (BM) for your headless or PWA Kit storefront built on B2C Commerce. Sitemaps provide search crawlers with instructions on the pages to index and site hierarchy and they help to improve SEO ranking. See Improve SEO with a Sitemap.

PWA Kit now supports the collection of Active Data order metrics. Use this collection to understand customer behavior and optimize your merchandising and segmentation strategy. See Active Data.

Use Runtime Admin to manage environment variables. This feature is available as an alternative to managing environment variables by using the Managed Runtime API. Environment variables allow you to add variables into the application process running in an environment, without having to make code changes. See Environment Variables.

This feature is now generally available.

Troubleshoot errors in your site built with PWA Kit by using Log Center:

  • Search and filter many logs. Check historical logs.
  • Access a single user interface to view logs from Managed Runtime (MRT) and your B2C Commerce instance. Connect what's happening in your MRT environment with what's going on in your B2C Commerce instance.
  • Easily see MRT logs without using a CLI.

See Debug Using Log Center.

This feature is generally available from PWA Kit version 3.5. Check the releases page on GitHub for the latest available version of PWA Kit.

Enable a Shopper Login and API Access Service (SLAS) private client in your PWA Kit site so you can support these features with reduced implementation time:

  • Passwordless login
  • Password reset
  • Faster page load times

See Use a SLAS Private Client.

Get reduced page load times after redeploying your bundles. These Content Delivery Network (CDN) enhancements improve app performance:

  • HTTP/3 — We automatically use the HTTP/3 protocol for all browsers and clients that support it. HTTP/3 improves performance, especially for shoppers who use network-constrained devices, such as mobile.
  • Cross-region CDN caching — We automatically use cached responses across regions to improve the cache hit ratio and performance for sites with a global audience.
  • More CDN regions — We added more regions to the CDN, resulting in faster response times and shorter network hops if you use a stacked CDN setup.

Use Runtime Admin to enable server-side cookies. This feature is available as an alternative to enabling server-side cookies by using the Managed Runtime API. Using server-side cookies helps you enhance privacy and security and supports more tailored personalization and marketing. See Personalize with Cookies.

Use Runtime Admin to enable source maps. This feature is available as an alternative to enabling source maps by using the Managed Runtime API. Source maps are designed to greatly improve the development and debugging experience by enhancing error stack readability. See Debug Using Source Maps.

Use a third-party content management system (CMS) with Storefront Preview. For example, if you have a holiday sale banner managed by your CMS, use Storefront Preview to see how the banner will appear on your site during your specified time period. See Storefront Preview.

Preview how your Progressive Web App (PWA) Kit site will look based on one or more customer group IDs. For example, preview your site as it would appear to shoppers who get an employee discount. See Preview Your Storefront.

Projects can now deploy with Node 20! PWA Kit projects will need to upgrade to the latest 3.4.x version and follow the instructions in Upgrade Node Version.

Customers in Japan can now run their environment in the Osaka region, in addition to the existing Tokyo region. Your region can be changed via Environment Settings.

Source maps are now available in Managed Runtime. This feature is designed to greatly improve the development and debugging experience by enhancing error stack readability. Source Maps can be generated starting in PWA Kit 3.4.x, and can be enabled by toggling the enable_source_maps environment setting. See Debug Using Source Maps.

Use Active Data in your PWA Kit site to observe product performance metrics and set automated rules for merchandising. See Active Data.

Use the Storefront Preview feature to see how your PWA Kit site will look in different contexts such as specified source code, customer groups, or a particular date or time. For example, preview your site changes in a staging environment before deploying them to production. See Storefront Preview.

When you create an environment in Runtime Admin, you can now select a Commerce Cloud instance and sites to connect to the environment. This allows for deeper integration between your Managed Runtime environments and the Commerce Cloud platform. You can also use new Managed Runtime API endpoints to manage and track your environments’ connections to Commerce Cloud instances. For more information, see this documentation: