In this step by step guide, we'll walk you through creating a Progressive Web App using WordPress. For more information about PWA and their benefits, check out our article about PWAs.

https://go.getshifter.io/

Click [Start WordPress] button to boot up WordPress.

Search PWA XWP and install the PWA plugin and activate it.

This PWA plugin automatically inserts rel="manifest" into the header section once it's activated.
​
For example:

Check [Cache visited pages in the browser so visitors can re-access them when offline] under [Offline browsing] to cache contents tp visitors' web browsers.

After activating the PWA plugin, go back to the Shifter console and click [Build Deploy] to begin creating a static version of your WordPress site to deploy.

If you've already activated auto-deploy, when your artifact is ready it will automatically be published after it's generated.

If you do not have auto-deploy enabled, you'll need to deploy the newly created artifact.

PWAs include a file called a manifest. This is where the information about your Progressive Web App is stored.

There are a few ways to confirm your manifest file is there.

Lighthouse by Google is similar to Google PageSpeed Insights (but better) as it's actively developed and offers more data.

Lighthouse requires their Google Chrome Extension, the service is free and it will offer up more info than just PWA support.

To check the manifest, open your site with Google Chrome.

Click [View] --> [Developer] --> [Developer Tools], then click [Application].

There you will see a Manifest tab displaying the PWA information.

That's all for setting up PWA on Shifter!