Progressive Web Apps (PWA)
- Cà i đặt tại địa chỉ: https://www.npmjs.com/package/next-pwa
npm i next-pwa
- Cấu hình
/** @type {import('next').NextConfig} */
const prod = process.env.NODE_ENV === "production";
const withPWA = require("next-pwa")({
dest: "public",
register: true,
skipWaiting: true,
disable: prod ? false : true,
});
const nextConfig = {};
module.exports = withPWA(nextConfig);
-
Chạy
next build
, thao tác nà y sẽ tạo hai tệp workbox-*.js và sw.js trong thư mụcpublic
. -
Kiểm tra Service workers ở tab Application của Dev Tool
-
Tham khảo thêm tại: https://github.com/shadowwalker/next-pwa