News: PWA Kit v2 is out now! For more details, see the release notes.

Get Started with Progressive Web App Kit

To try out PWA Kit with demo settings, follow the Quick Start instructions.

The Progressive Web App Kit (PWA Kit) is a framework for creating storefronts with React.

With the PWA Kit framework you get:

  • Project templates, including the Retail React App. The Retail React App is a customizable storefront that implements core ecommerce flows from home page to checkout.
  • A rendering system that works on both the server side and client side—and handles hydration (the process of transferring rendering from server to client).
  • A routing system that allows you to inject data from the Commerce API into your components.
  • Utility functions and scripts for automating routine development tasks.
  • Integration with the B2C Commerce API and Open Commerce API (OCAPI).

Security patches are provided for 24 months after the general availability of each major version of the framework (1.0, 2.0, and so on).

A progressive web app (PWA) is a website whose user experience includes features that we normally associate with native apps, such as:

  • Fast load times
  • Smooth rendering and transitions
  • Offline support
  • Install on home screen

The reason they’re called “progressive” is that these features are added one-at-a-time (or progressively), based on what the user’s device and browser can support.

A PWA works on any desktop or mobile device that uses a standards-compliant browser.

The following table shows how a PWA compares to a traditional responsive website and to a native app.

PWAResponsive SiteNative App
What is it?A website that is both responsive and provides native app-like performance and featuresA website that dynamically scales across different screen sizesAn application available on a specific program (iOS, Android) that can access device-side capabilities
Use caseWhen you want a faster, more engaging app-like experienceWhen a traditional web storefront meets your needsWhen you want to drive higher engagement with your most loyal customer base

Managed Runtime provides the infrastructure to deploy, host, and monitor your PWA Kit storefront on a public cloud platform. With Managed Runtime, you can focus on developing your storefront instead of managing servers.

Managed Runtime follows the Twelve-factor App methodology. Your storefront is powered by a single codebase that is built statelessly and can be deployed on the most efficient and low-cost computing infrastructure available. Each deployment completely replaces the previous deployment and is reconfigured from scratch.

And most importantly, Managed Runtime offers the same enterprise-grade security and 99.99% historical uptime as all Salesforce technologies.

For more detailed information, see the Managed Runtime Overview.

While using PWA Kit and Managed Runtime, you’ll see occasional references to Mobify, which was the name of the company that originally developed these technologies. Mobify was acquired by Salesforce in 2020, and we’re still in the process of rebranding.

We welcome contributions to PWA Kit from the open-source community! To learn more about the contribution process, see Contributing to PWA Kit.

If you like PWA Kit, consider starring the GitHub Repo. It helps others discover PWA Kit!

Now that you’re familiar with the basics of PWA Kit and Managed Runtime, explore the other guides in the Get Started series:

  1. Quick Start
  2. Create an On-Demand Sandbox
  3. Set Up API Access
  4. Set Up Your Local Environment
  5. Push and Deploy Bundles