Storefront Next: La evolución del frontend de Agentforce Commerce B2C

En WAM analizamos cada salto tecnológico bajo una premisa: ¿cómo acelera esto el negocio de nuestros clientes? Storefront Next no es una actualización más; es la apuesta de Salesforce a la necesidad de un rendimiento extremo y una flexibilidad sin precedentes en el entorno B2C.

De hecho, esta nueva arquitectura AI-first permite desplegar experiencias de compra ultrarrápidas, combinando con éxito la potencia de un stack moderno con la robustez de Salesforce.

El nuevo estándar: Storefront Next en Agentforce Commerce B2C

Para entender el contexto, Salesforce está posicionando Storefront Next como el nuevo estándar para B2C Commerce, con un enfoque AI-first, enterprise-ready y extensible, apoyado en tecnologías modernas como React 19, React Router 7, SCAPI y Managed Runtime. En paralelo, Composable Storefront basado en PWA Kit y Managed Runtime sigue siendo una opción vigente dentro del ecosistema headless de Salesforce Commerce..

Es precisamente en este escenario donde Salesforce ha publicado Storefront Next Template, descrito en su repositorio oficial como un ”production-ready React storefront template for Salesforce B2C Commerce”, construido con React Router 7 y React 19.

El fin de las duplicidades en Page Designer

Uno de los puntos más interesantes de esta evolución está en Page Designer. Salesforce ha explicado recientemente que, con esta nueva arquitectura headless, los equipos pueden exponer componentes React directamente en Page Designer sin necesidad de mantener una versión ISML y otra en React. En otras palabras: se reduce de un plumazo una de las duplicidades más habituales cuando se trabaja con storefronts composable.

Radiografía técnica de la documentación oficial

Si profundizamos en la documentación oficial de Page Designer para Composable Storefront / PWA Kit, se añaden además varios detalles muy relevantes:

• El nuevo enfoque headless de Page Designer incorpora @salesforce/storefront-next-runtime en PWA Kit v13.7 o posterior.
• Permite la carga dinámica/lazy loading de componentes mediante un registry
• Permite definir las rutas desde la metadata mediante el atributo route en la metadata.
• Hace que la lógica del componente pase a vivir en React, ya que el JavaScript custom asociado a la metadata de Page Designer deja de ejecutarse en este modo headless.
• Además, permite que Page Designer cargue y previsualice el storefront PWA Kit en su ruta real durante la edición y preview.

En este breve vídeo mostramos un entorno local levantado a partir del Quick Start oficial del repositorio Storefront Next Template. Según el README del template, el arranque base parte de Node.js 24+, pnpm, la clonación del repositorio, la copia de .env.default a .env, la configuración de credenciales de B2C Commerce y la ejecución de pnpm install y pnpm dev.

Un apunte de prudencia necesario

Eso sí, conviene subrayar un punto de cautela: el propio repositorio oficial indica que Storefront Next es un «pilot or beta service» y que su uso queda a discreción del cliente. Por eso, hoy tiene más sentido hablar de exploración técnica, aprendizaje y validación temprana que de una solución ya plenamente asentada como estándar general para cualquier proyecto.

Nuestra visión

En WAM no solo implementamos tecnología; construimos ventajas competitivas. Consideramos que Storefront Next representa el equilibrio especialmente relevante: la libertad del desarrollo moderno en React con la seguridad y el soporte de un ecosistema Enterprise.

En definitiva, es la herramienta que permite a nuestros desarrolladores centrarse en crear valor y a nuestras marcas escalar con menos fricciones técnicas.

¿Tu storefront actual está preparado para la velocidad de 2026? En WAM ya estamos construyendo el siguiente nivel.