Test PWA Installability

You can now launch the React site locally using your project's existing workflow.

Run the DevServer:

npm

npm run dev

pnpm

pnpm run dev

Yarn

yarn dev

Or run a static web server:

Vite

npm

npm run build
npm run preview

pnpm

pnpm run build
pnpm run preview

Yarn

yarn build
yarn preview

Next.js

npm

npm run build
npm run start

pnpm

pnpm run build
pnpm run start

Yarn

yarn build
yarn run start

Then open the site's local URL in Chrome or Edge. You should see the PWA install button in the address bar of your browser:

Open your browser's DevTools, you should see how the browser has parsed the Web App Manifest for this page.

At this point, the site qualifies as a minimal PWA.

tip

After deploying to production, the site must be served over HTTPS. Otherwise, the browser will not recognize it as a PWA.