Configures Progressive Web App (PWA) capabilities for Next.js projects using Serwist and Turbopack.
This skill automates the complex process of transforming a Next.js application into a fully functional Progressive Web App (PWA) using the Serwist integration. It handles the generation of web manifests, service worker logic with precaching, and offline fallback pages while ensuring full compatibility with Next.js 15 and Turbopack. By providing pre-built components for install prompts and online/offline status synchronization, it helps developers deliver a mobile-like user experience with minimal manual configuration.
Key Features
013 GitHub stars
02Configures a robust Service Worker with precaching and runtime caching
03Includes an automatic offline fallback page and online status provider
04Uses esbuild via Route Handlers to bundle service workers without Webpack
05Generates a standard-compliant Web App Manifest for mobile installability
06Provides a customizable PWA install prompt banner component
Use Cases
01Converting a standard Next.js web application into an installable mobile-friendly app
02Adding native-like features such as home screen icons and splash screens to a site
03Implementing offline support and precaching to improve performance on unreliable networks
