To achieve the best experience for an application on the web right now, you need to have a PWA, where you can make your app cache certain parts of your code, work offline, receive push notifications, and so much more.
In this recipe, you will learn how to transform your Single-Page Application (SPA) into a PWA and reconfigure the Amplify CLI to work with the new configuration.
Getting ready
The prerequisite for this recipe is Node.js 12+.
The Node.js global objects that are required are as follows:
- @aws-amplify/cli
- @quasar/cli
To start the transformation of our project into a PWA, we will continue with the project that was created in Chapter 6, Creating Chat and Message Vuex, Pages, and Routes.
How to do it...
It's time to transform our application into a PWA before making it available in the production environment. Follow these steps to add the PWA mode into Quasar:
- First, we need to add the PWA mode to the Quasar application. To do...
