DEV Community

Cover image for How to easily turn your website to a Progressive Web App(PWA)

How to easily turn your website to a Progressive Web App(PWA)

Ilemona Achimugu on August 12, 2020

Progressive Web App is the new and trending way to bring a native app feeling into a normal or traditional web app. Progressive Web Apps are very m...
Collapse
 
allison profile image
Allison Walker

Do you think this is overkill for static websites?

Collapse
 
raja_anbazhagan profile image
Raja Anbazhagan

This is subject to use case of the website. But I have used PWA in the past for static websites to have a custom offline pages.

Collapse
 
allison profile image
Allison Walker

How would a custom offline page be different from the site with regular connectivity? Do you have an example?

Thread Thread
 
raja_anbazhagan profile image
Raja Anbazhagan • Edited

dev.to website itself uses pwa for its offline pages. Go offline and check it out yourself.

here is a screenshot

Thread Thread
 
allison profile image
Allison Walker

dev.to isn't a static website. You said you built a custom offline page for a static website so I was asking for an example.

Collapse
 
hayatu89 profile image
Hayatu Mohammed

Great article. This is a better guide than the one I read on Google

Collapse
 
dfiredeveloper profile image
Ilemona Achimugu • Edited

Thanks, I'm glad you found this helpful

Collapse
 
joeyd473 profile image
Joey

This may be the best intro to PWA that I've seen

Collapse
 
dfiredeveloper profile image
Ilemona Achimugu

I'm glad you found it helpful 😊

Collapse
 
wassimbj profile image
Wassim Ben Jdida

Great article, i think this is just ready for u to use in React.js apps no ?

Collapse
 
dfiredeveloper profile image
Ilemona Achimugu

Yeah

Collapse
 
emmanueloreva12 profile image
emmanueloreva

Thank you so much for this, I didn't know it was this easy as have always wanted to use a PWA for a site I built

Collapse
 
yeahch profile image
ch

Great explanation for PWA.
and I want to introduce about serviceworker-rails in this opportunity.

Collapse
 
dfiredeveloper profile image
Ilemona Achimugu

Thank you

Collapse
 
cvieira850 profile image
cvieira850

Thanks for the explanation!

Collapse
 
dfiredeveloper profile image
Ilemona Achimugu

Thank you 😊

Collapse
 
milg15 profile image
Maria Isabel Lopez

Thanks!! I always deleted the ServiceWorker file from my react project but I'm happy to know what it does now. Great explanation!

Collapse
 
dfiredeveloper profile image
Ilemona Achimugu

Thanks

Collapse
 
steevn profile image
steevn

Great article and thanks for the explanation!

Collapse
 
detechguy profile image
Emmanuel Oluwaseun

Wow... Thanks for sharing this article. I'll go try it out right away.

But I didn't see the place to add my website link to the code?