Get Started

NuxtJs with PWA is a good combination.
A progressive web application is the latest technology to combine the best of web and mobile apps. The website is built using web application but that acts and looks like an app.

Progressive Web Apps are user experiences that have the reach of the web, and are:

1. Install npm package:

yarn add @nuxtjs/pwa //or npm i @nuxtjs/pwa

2. Edit your nuxt.config.js file to add pwa module:

{
    modules: [
        '@nuxtjs/pwa',
    ],
}

3. Ensure static dir exists and optionally create static/icon.png. (Recommended to be square png and >= 512x512px)
4. Create or add this to .gitignore:

sw.*

PWA module is a collection of smaller modules that are designed to magically work out of the box together. To disable each sub-module, you can pass false option with its name as key. For example to disable icon module:

modules: [
    ['@nuxtjs/pwa', { icon: false }],
],

Also each sub-module has its own configuration. Continue reading docs for detailed info.