Skip to content

salesforcecommercecloud/storefront-next

v1.12.1Apache-2.0

Storefront Next development skills for building React 19 storefronts on Salesforce B2C Commerce.

sfnext-page-designer

Build merchant-editable Page Designer content in a Storefront Next project: components decorated with @Component/@AttributeDefinition/@RegionDefinition, page routes decorated with @PageType, <Region> rendering, fetchPageWithComponentData, component loaders and fallbacks, the generated static registry, and the pnpm cartridge:generate / cartridge:validate / cartridge:deploy workflow. Use when adding or editing a Page Designer component, exposing a region on a route (home, PDP, PLP, search), fetching a page by pageId or aspectType, marking a Region critical, debugging a component that does not appear in the Business Manager palette or renders empty, or reviewing Page Designer code. Do not use for classic ISML/SFRA Page Designer (use b2c:b2c-page-designer), for turning a Figma frame into blocks (use figma-to-sfnext-pagedesigner:figma-to-sfnext-pagedesigner), or for plain React components that merchants never edit (use storefront-next:sfnext-components).

Read SKILL.md at the source

Pinned to revision fe78868e0e70, so it is the text this page describes rather than whatever the author pushed since.

Files

Every link opens the file at its source, pinned to the revision this page describes.