DEV Community

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

Posted on Edited on

Transform your existing Nuxt.js app to PWA

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 !

Top comments (0)