Inicio rápido

Esta guía presenta instrucciones simplificadas para desarrolladores de Node.js experimentados que quieran empezar a usar el PWA Kit inmediatamente con un storefront y un sandbox de demostración para el backend.

  • Node.js 18+ y npm 9+.
  • Usuarios de Apple Silicon: Si todavía no instaló Rosetta, ejecute softwareupdate --install-rosetta.

Para obtener instrucciones detalladas de instalación, consulte Configurar el entorno local.

Para crear un proyecto con la plantilla de la Retail React App y conectarlo al sandbox de demostración, abra un terminal y ejecute el siguiente comando:

En el comando npx, puede reemplazar @latest por una versión específica de la Retail React App, como @v3.0.0 o @v2.7.3. Si no especifica una versión, puede obtener resultados inesperados debido al almacenamiento en caché de versiones antiguas.

El script generador del proyecto creará una carpeta en un directorio llamado pwa-kit-starter-project. Abra esta carpeta en su editor de texto y comience a explorar.

Para iniciar el servidor web local, ejecute los siguientes comandos:

Ahora que el servidor de desarrollo se está ejecutando, puede abrir un navegador y obtener una vista previa de su storefront:

Los cambios hechos a los archivos del proyecto serán visibles en el navegador al actualizarlo.

Para seguir dando sus primeros pasos con el PWA Kit, elija una de las siguientes guías según el estado de su proyecto:

GuíaEstado del proyecto
Crear un On-Demand SandboxNo se creó ninguna instancia de B2C Commerce para el desarrollo y las pruebas.
Configurar el acceso a la APISe creó al menos una instancia de B2C Commerce.
Configurar el entorno localSe creó y configuró para el acceso a la API al menos una instancia de B2C Commerce.
Enviar e implementar paquetesSe completó la configuración del entorno local.