Overview
The Nuxt PWA module is a deprecated module that was previously used to enable Progressive Web App (PWA) functionalities for Nuxt 3. It is no longer maintained and a better solution, the Vite PWA plugin with Vite PWA Assets Generator, has emerged. This module is unofficial but aims to become the next iteration of the official Nuxt PWA module. It offers a zero-config PWA solution for Nuxt 3.
Features
- Zero config PWA solution for Nuxt 3.
- Unofficial module aiming to replace the official Nuxt PWA module.
- Easy migration from Nuxt 2 PWA using similar configuration.
- Customizable workbox service worker.
- Composable function
usePWAIconto get icons urls of the PWA.
Installation
To install the @kevinmarrec/nuxt-pwa dependency, add it to your project:
npm install @kevinmarrec/nuxt-pwa
Edit your nuxt.config.ts file to add the PWA module:
// nuxt.config.ts
export default {
modules: ['@kevinmarrec/nuxt-pwa'],
}
Summary
The Nuxt PWA module is a deprecated module that provided PWA functionalities for Nuxt 3. However, a better solution has emerged and this module is no longer maintained. It is recommended to use the Vite PWA plugin with Vite PWA Assets Generator for Nuxt 3. The module offered a zero-config PWA solution and aimed to replace the official Nuxt PWA module. It provided easy migration from Nuxt 2 PWA and offered customization options for the workbox service worker.