This is the most searched topic on the internet today, “How to convert CRA (Create React App) to PWA (Progressive Web App)”.

To convert any website into PWA you’ve to add to files:

manifest.json
service-worker.js

CRA already has a basic service worker file for registering the service worker, just open ./src/index.js file and call the method serviceWorker.register(); or replace unregister() to register()

This will cache all the static files and assets and make the website work offline. CRA has a very little configuration of PWA to work on any smartphone and it doesn’t have an install popup configuration. So registering the service worker doesn’t make the app install on a smartphone. We need to configure it by ourselves.

STEPS

Make the web app installable
Add Windows and iPhone supported tags
Configure the service worker to cache network images too, not only static images.

Read More: https://medium.com/swlh/cra-to-pwa-1e572207d7

Buy manalliaquat a coffee

About manalliaquat

Building web and mobile apps

CRA to PWA