August 2024

PWA Kit and Managed Runtime

PWA Kit

Optimize Site Performance with __server_timing

This feature is generally available from PWA Kit version 3.7. With the __server_timing query parameter you can monitor the performance of your PWA Kit site to support your optimization efforts. The parameter provides access to the Server-Timing HTTP header and logs, that offer metrics about parts of the server-side rendering process such as route matching, component loading, and fetch strategies. Performance metrics logs are also available in Log Center. See __server_timing.

Update SLAS Calls to Prevent Unauthorized Access Across Sites

Retail React App version 4.0 consumes the new versions of Commerce SDK React and Commerce SDK Isomorphic. These SDKs now satisfy Shopper Login and API Access (SLAS) guidance to pass channel_id as an argument when retrieving guest access tokens. See Guest Tokens.

Store Locator Support

Store locator is generally available with Retail React App version 4.0 or later and Commerce SDK React version 2.0.1 or later. With our store locator, your shoppers can find nearby storefront locations based on their ZIP code, city, and more. Easily extend your store information in Business Manager to customize the displayed location metadata on your site. See Boost In-Store Sales with Store Locator.

Increase Revenue with Product Bundles

Product bundles are generally available with Retail React App version 4.0 or later and Commerce SDK React version 2.0.1 or later. Use product bundles to group multiple related products into one orderable product for shopper convenience and personalization. Shoppers can update bundle variants and quantities directly in their cart. For example, an online sports apparel store can offer a "Runner's Bundle" so shoppers can select shoe size, apparel size, and fitness tracker model directly in their cart. Product bundles can help you to reduce cart abandonment and improve inventory management. See Product Bundles.

Managed Runtime

Origin Lockdown with Embedded CDN (eCDN)

Restrict access to a Managed Runtime environment to traffic coming from eCDN. Set a shared access control header across eCDN and environment to ensure that shoppers, bots, and crawlers don’t access your environment directly.

See the updated Launch Your Storefront Guide and the new upsertOriginHeaderModification API for details on how to configure Managed Runtime and eCDN to lock down your environment.

Debug Faster in Log Center

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.