How I made my wordpress a PWA

Keeping up with the PWA frency, I discovered that it is fairly simple to convert your wordpress into a Progressive Web App, so I thought I’d share my exprerience.

Remember all you need to do to turn your WordPress site into a PWA are the 3 basic steps (for more on PWAs check out my posts about why and how I made my app a PWA) :

  1. add a service worker
  2. add a manifest file 
  3. use https

Seems like there are a lot of ways to satisfy at least the first 2 steps. For the https step, you would have to take care of that with your hosting company, but remember to reference only HTTPS resources in your site.

So back to the ways to add a service worker and a manifest. You could use functionality in themes, custom javascript code, plugins and so on. I found that Super Progressive Web Apps plugin is dead simple and to the point. You can set the options for the manifest and lets you define an offline page from the plugin’s admin page. Also as far as caching is concerned, every page you visit gets cached. Finally if you make a new post or change a post, the plugin takes care of it and make’s sure the visitors see the updated version of your site.

Leave a Reply




This site uses Akismet to reduce spam. Learn how your comment data is processed.