Don't focus on learning PWAs with React. Focus on learning PWAs. Learn the ins and outs of web manifests, service workers and caching/offline-first capabilities, and responsive design.
There are lots of tutorials here on DEV. Search the #pwa tag.
As @sphrases
suggests, Lighthouse can guide you through the parts missing from your app and how to add them.
Once you have an understanding of these concepts, you can use something like what @harveyhalwin
or @shubhamverma1811
suggest (in the latter example, provided you're using and have an understanding of Next - and Node.js hosting, Vercel, etc. to run it).
If you skip over understanding what makes a PWA, you could be providing users a poor experience they can't easily remove from cache if/when you fix it.
Don't focus on learning PWAs with React. Focus on learning PWAs. Learn the ins and outs of web manifests, service workers and caching/offline-first capabilities, and responsive design.
There are lots of tutorials here on DEV. Search the #pwa tag.
As @sphrases suggests, Lighthouse can guide you through the parts missing from your app and how to add them.
Once you have an understanding of these concepts, you can use something like what @harveyhalwin or
@shubhamverma1811 suggest (in the latter example, provided you're using and have an understanding of Next - and Node.js hosting, Vercel, etc. to run it).
If you skip over understanding what makes a PWA, you could be providing users a poor experience they can't easily remove from cache if/when you fix it.
Thanks a lot :)