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
 
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
 
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
 
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
 
cvieira850 profile image
cvieira850 •

Thanks for the explanation!

Collapse
 
dfiredeveloper profile image
Ilemona Achimugu •

Thank you 😊

Collapse
 
alleo_mybucks_online profile image
Alleo •

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

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?