shadowwalker/next-pwa

🚀 Zero config PWA cho Next.js với workbox

Plugin PWA mạnh mẽ, không cần cấu hình phức tạp, tích hợp workbox để tối ưu hiệu năng và trải nghiệm người dùng.

next-pwa là plugin Progressive Web App (PWA) cho Next.js, được xây dựng dựa trên workbox và workbox-window v6. Dự án giúp bạn dễ dàng thêm hỗ trợ PWA vào ứng dụng Next.js mà không cần viết nhiều cấu hình, đồng thời tối ưu hóa điểm số Lighthouse và hỗ trợ hoạt động hoàn toàn ngoại tuyến.

✨ Điểm nổi bật

• Zero config: Tự động đăng ký và tạo service worker chỉ với vài dòng cấu hình.
• Cache thông minh: Tối ưu precache và runtime cache nhờ workbox.
• Tối đa hoá Lighthouse: Hỗ trợ đạt điểm cao trên công cụ đánh giá hiệu năng web.
• Hỗ trợ ngoại tuyến: Cung cấp fallbacks khi người dùng mất kết nối mạng.
• Hỗ trợ cookie: Xử lý cookie một cách tự nhiên trong service worker.
• Range requests mặc định: Hỗ trợ phát truyền thông audio/video hiệu quả.
• Không cần custom server: Tương thích với Next.js 9+ mà không cần máy chủ tùy chỉnh.
• Worker tùy chỉnh: Hỗ trợ thêm TypeScript và code splitting cho worker riêng.
• I18N với next-i18next: Dễ dàng tích hợp đa ngôn ngữ.
• Cấu hình linh hoạt: Dùng cùng tùy chọn cấu hình của workbox như GenerateSW và InjectManifest.

💡 Vì sao đáng chú ý

Khác với cách thêm PWA thủ công phức tạp, next-pwa cung cấp giải pháp "zero config" giúp giảm đáng kể thời gian tích hợp. Dự án không chỉ đơn thuần tạo service worker mà còn tối ưu toàn bộ quy trình cache, lifecycle và trải nghiệm người dùng. Phù hợp với mọi dự án Next.js muốn nâng cấp thành PWA chuẩn mà không tốn nhiều công sức.

#PWA #NextJS #Workbox #OpenSource #TiniX