My FeedDiscussionsHeadless CMS
New
Sign in
Log inSign up
Learn more about Hashnode Headless CMSHashnode Headless CMS
Collaborate seamlessly with Hashnode Headless CMS for Enterprise.
Upgrade ✨Learn more
Transform your existing Nuxt.js app to PWA

Transform your existing Nuxt.js app to PWA

Tajeddine Alaoui's photo
Tajeddine Alaoui
·Jan 14, 2021·

1 min read

Let's go the terminal and type:

yarn add --dev @nuxtjs/pwa

or

npm i --save-dev @nuxtjs/pwa

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

modules: ["@nuxtjs/pwa"],

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',
  },

And voila !