Quick Start
This guide features streamlined instructions for experienced Node.js developers who want to get started with PWA Kit immediately using a demo storefront and a demo sandbox for the back end.
- Node.js 16.x and npm 6+.
- Apple silicon users: If you haven’t installed Rosetta already, run
softwareupdate --install-rosetta.
For detailed setup instructions, see Set Up Your Local Environment.
To create a project using the Retail React App template and connect it to the demo sandbox, open a terminal and run the following command:
In the npx command, you can replace @latest with a specific version of the Retail React App, such as @v2.0.0 or @v1.5.2. If you don’t specify a version, you can get unexpected results due to caching of old versions.
The project generator script will create a folder in a directory called pwa-kit-starter-project. Open this folder in your text editor and start exploring!
To start your local web server run the following commands:
Now that the development server is running, you can open a browser and preview your storefront:
- Go to http://localhost:3000/
Changes made to your project files will be visible in your browser when you refresh.
To continue getting started with PWA Kit, choose one of the following guides based on your project status:
| Guide | Project Status |
|---|---|
| Create an On-Demand Sandbox | No B2C Commerce instances created for development and testing. |
| Set Up API Access | At least one B2C Commerce instance created. |
| Set Up Your Local Environment | At least one B2C Commerce instance created and configured for API access. |
| Push and Deploy Bundles | Local environment setup complete. |