The Retail React App

The Retail React App is an isomorphic JavaScript storefront and Progressive Web App built using React and Express. It uses a modern headless architecture that enables developers to decouple the frontend from backend systems. It leverages popular open-source libraries in the React ecosystem, such as Chakra UI components, Emotion (CSS-in-JS), Webpack, and many more.

Developers enjoy a streamlined experience without having to worry about the underlying infrastructure, whether they're developing their app locally, deploying it to a Managed Runtime environment, or testing the app live.

Requirements

  Node ^12.x or ^14.x
  npm ^6.14.4

Getting Started

To start your web server for local development, run the following command in your project directory:

npm start

Now that the development server is running, you can open a browser and preview your commerce app:

• Go to http://localhost:3000/

Localization

See the Localization README.md for important setup instructions for localization.

Documentation

The full documentation for PWA Kit is hosted on the Commerce Cloud Developer Center.

Useful Links:

• Getting Started
• Pushing and Deploying Bundles
• The Retail React App
• Rendering and Routing
• Managed Runtime Infrastructure