[vc_row][vc_column][vc_column_text]
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:
- Install npm package:
yarn add @nuxtjs/pwa //or npm i @nuxtjs/pwa
- Edit your
nuxt.config.js
file to add pwa module:
{
modules: [
'@nuxtjs/pwa',
],
}
- Ensure
static
dir exists and optionally createstatic/icon.png
. (Recommended to be square png and >=512x512px
) - 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.[/vc_column_text][/vc_column][/vc_row]