pwa
Installation
SKILL.md
PWA Skill
The boilerplate ships with PWA support pre-configured using @ducanh2912/next-pwa (the actively maintained App Router fork of next-pwa).
What's already set up
| File | Purpose |
|---|---|
next.config.ts |
Wraps with withPWA — generates sw.js + workbox files on npm run build |
public/manifest.json |
Web app manifest — name, icons, display mode, theme color |
public/icons/icon-192x192.svg |
Placeholder icon (replace with your brand) |
public/icons/icon-512x512.svg |
Placeholder icon (replace with your brand) |
app/layout.tsx |
viewport export for themeColor, metadata.manifest, appleWebApp |
.gitignore |
Ignores generated sw.js and workbox-*.js files |
next.config.ts setup
import withPWAInit from '@ducanh2912/next-pwa';