News: El PWA Kit 3.0.0 ya está disponible con extensibilidad de la plantilla. Para actualizar, consulte Actualizar a v3.

Primeros pasos con Composable Storefront

La solución Composable Storefront para B2C Commerce se basa en dos tecnologías clave: la Progressive Web App Kit (PWA Kit) para crear su storefront y Managed Runtime para alojarlo.

Al igual que con todas las tecnologías impulsadas por API que admiten composición, PWA Kit y Managed Runtime pueden combinarse con otras tecnologías de comercio electrónico de Salesforce y otros proveedores. Con Composable Storefront, puede diseñar un conjunto de tecnologías que satisfaga sus necesidades exactas y pueda escalar con su negocio.

El PWA Kit es un marco para crear storefronts en JavaScript (o TypeScript) usando la plataforma React, que se ha convertido en un elemento fundamental del desarrollo web moderno.

Con el marco del PWA Kit se obtienen:

  • Plantillas de proyectos, incluida la Retail React App. La Retail React App es un storefront personalizable que implementa los flujos principales del comercio electrónico (eCommerce) desde la página de inicio hasta finalizar el proceso de compra (checkout).
  • Un sistema de renderizado que funciona tanto del lado del servidor como del lado del cliente y que maneja la hidratación (el proceso de transferencia del renderizado del servidor al cliente).
  • Un sistema de enrutamiento que le permite inyectar datos de la API de comercio en sus componentes.
  • Funciones de utilidad y scripts para automatizar las tareas rutinarias de desarrollo
  • Integración con B2C Commerce API y Open Commerce API (OCAPI).

Se brindan parches de seguridad para 24 meses después de que cada versión principal del marco (1.0, 2.0 y así sucesivamente) esté disponible para el público en general.

Una progressive web app (PWA) es un sitio web cuya experiencia de usuario incluye características que normalmente asociamos con las aplicaciones móviles, como tiempos de carga rápidos, renderización fluida y transiciones sin dificultades.

La razón por la que se denominan “progresivas” es que estas características se agregan una a la vez (o progresivamente), en función de lo que admitan el dispositivo y el navegador del usuario.

Managed Runtime proporciona la infraestructura para implementar, alojar y supervisar su storefront de PWA Kit en una plataforma de nube pública. Con Managed Runtime, puede enfocarse en el desarrollo de su storefront en lugar de en gestionar los servidores.

Managed Runtime sigue la Metodología de la aplicación de doce factores. Su storefront se alimenta de un único código base que se escribe sin estado y que puede implementarse en la infraestructura informática más eficiente y de bajo costo disponible. Cada implementación sustituye completamente a la anterior y se reconfigura desde cero.

Y, lo que es más importante, Managed Runtime ofrece la misma seguridad de nivel empresarial y un tiempo de ejecución histórico del 99.99%, al igual que todas las tecnologías de Salesforce.

Para obtener más información, consulte la Visión general de Managed Runtime.

Las herramientas de Composable Storefront ocasionalmente hacen referencia a Mobify, que era el nombre de la empresa que desarrolló estas tecnologías originalmente. Salesforce adquirió Mobify en 2020, y todavía estamos en proceso de reposicionamiento de la marca.

Agradecemos las contribuciones de la comunidad de código abierto al PWA Kit. Para obtener más información sobre el proceso de contribución, consulte Contribuciones al PWA Kit.

Si le gusta el PWA Kit, considere la posibilidad de dar un puntaje al GitHub Repo. ¡Ayuda a otros a descubrir el PWA Kit!

Ahora que está familiarizado con los fundamentos del PWA Kit y de Managed Runtime, consulte las demás guías de la serie Primeros pasos:

  1. Inicio rápido
  2. Crear un On-Demand Sandbox
  3. Configurar acceso de API.
  4. Configurar el entorno local
  5. Enviar e implementar paquetes