Eliminate duplicate work by building Page Designer components once in React to streamline your workflow and boost storefront performance.

The Salesforce Developers Blog offers insights, tutorials, and best practices for building applications on the Salesforce platform using Apex, Lightning Web Components, and other Salesforce technologies. Developers can learn about Salesforce development tools, APIs, and integration patterns, as well as explore topics such as declarative development, Salesforce DX, and mobile app development on the Salesforce platform. Additionally, the blog covers Salesforce events, certifications, and community initiatives, providing resources for Salesforce developers of all skill levels.

Salesforce Developers Blog

PWA Kit v3.17 introduces a headless Page Designer architecture for Salesforce B2C Commerce composable storefronts, eliminating the need to maintain duplicate ISML and React implementations. Developers can now build Page Designer components once in React, using two new metadata attributes: `arch_type: "headless"` and `route`. The new approach also introduces dynamic component loading (lazy loading/code splitting), loading only components in use. A migration checklist covers steps from installing the new `@salesforce/storefront-next-runtime` package to deploying and testing the updated storefront.

Expose Your Composable Storefront in Page Designer Without ISML

Comparing new and old Page Designer approaches

Page Designer new metadata attributes for PWA Kit