DEV Community

loading...
Cover image for Transform your existing Nuxt.js app to PWA

Transform your existing Nuxt.js app to PWA

Tajeddine Alaoui
Full stack developer passionate about Javascript and vue.js
Updated on ・1 min read

Let's go the terminal and type:

yarn add --dev @nuxtjs/pwa
Enter fullscreen mode Exit fullscreen mode

or

npm i --save-dev @nuxtjs/pwa
Enter fullscreen mode Exit fullscreen mode

Once finished installing, go to nuxt-config.js and add the following

modules: ["@nuxtjs/pwa"],
Enter fullscreen mode Exit fullscreen mode

Now you're app have pwa technology, We only need to override default values.

 // nuxt-config.js
  manifest: {
    icon: {
      // Add path to the app icon
      iconSrc: '',
    },
    // Short name of your app
    short_name: '',
    // Name of your app
    name: 'Chocoreto',
    // Add descreption
    descreption: '',
    start_url: '/',
    theme_color: '#fff',
    background_color: '#000',
  },

Enter fullscreen mode Exit fullscreen mode

And voila !

Discussion (0)