ImBIOS/next-pwa

🚀 Zero Config PWA Plugin cho Next.js với hỗ trợ appDir

next-pwa là plugin PWA zero-config dành cho Next.js, được xây dựng trên Workbox v6, tự động đăng ký và tạo service worker, hỗ trợ cả Next.js 13 appDir.

next-pwa giúp bạn dễ dàng biến dự án Next.js thành một Progressive Web App (PWA) mà không cần cấu hình phức tạp. Chỉ với vài dòng code trong next.config.js, plugin sẽ tự động sinh ra service worker, tối ưu precache và runtime cache, đồng thời hỗ trợ offline hoàn toàn cùng các fallback.

✨ Điểm nổi bật

• Zero config: Tự động đăng ký và sinh service worker sau khi build.
• Hỗ trợ appDir: Tương thích với cấu trúc thư mục mới trong Next.js 13.
• Tối ưu cache: Sử dụng Workbox để quản lý precache và runtime cache hiệu quả.
• Điểm số Lighthouse cao: Tối ưu hiệu năng để đạt điểm số tối đa trên Lighthouse.
• Hỗ trợ offline hoàn toàn: Cung cấp fallback cho trang và tài nguyên offline.
• Tích hợp Workbox v6: Sử dụng Workbox và Workbox Window phiên bản 6.
• Hỗ trợ cookie và I18N: Làm việc với cookie mặc định, hỗ trợ đa ngôn ngữ với next-i18next.
• Worker tùy chỉnh: Hỗ trợ thêm code trong service worker với TypeScript.

💡 Vì sao đáng chú ý

next-pwa khác biệt vì khả năng hỗ trợ Next.js appDir — tính năng mới và quan trọng trong Next.js 13 — cùng với tính năng zero-config giúp giảm tối đa thời gian thiết lập. Dự án phù hợp với bất kỳ dự án Next.js nào muốn nhanh chóng nâng cấp thành PWA mà không cần viết boilerplate.

---

#NextJS #PWA #Workbox #OfflineFirst #TiniX