Chathub
Chathub copied to clipboard
Turn the Website into a PWA
Is your feature request related to a problem? Please describe. Make the website look like an App by making it a Progressive Web App. Here are benefits of a PWA
Describe the solution you'd like
We can make the Website a PWA with the help of cra-template-pwa
template provided by React.
By using the service-worker.js files, adding workbox dependencies, and making changes in some files a Website can be converted into a PWA.
Additional context Here is an example of PWA I implemented successfully on my Personal Portfolio Website nparashar150
Hey, @nparashar150 can you explain more about the features.
Hey, @nparashar150 can you explain more about the features.
- With PWA the website can load in
Offline Mode
, basically it saves the page locally and then loads even if there is no network availability. - If there is internet then it checks if there is any change and then updates the changes. This saves the internet of the user and reduces page load time after initial page load.
- After installing, PWA is shown like an app on mobile, it gives the user an experience very similar to that of an app.
- To install a PWA user just needs to click
Add to Home screen
when he opens the website for first time. - Since PWA is a browser related feature so it has no relation with Play Store, i.e. there is no need to register the Web App on play store.