Feat: PWA 내에서 이미지 캐싱

TeamATM · Oct 25, 2023 · cc7d78d · cc7d78d
1 parent ecc811c
commit cc7d78d
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/next.config.js b/next.config.js
@@ -37,7 +37,19 @@ const config = {
 
 const nextConfig = withPWA({
   dest: 'public',
-  runtimeCaching: [],
+  runtimeCaching: [
+    {
+      urlPattern: /\.(?:jpg|jpeg|gif|png|svg|ico|webp)$/i,
+      handler: 'StaleWhileRevalidate',
+      options: {
+        cacheName: 'static-image-assets',
+        expiration: {
+          maxEntries: 64,
+          maxAgeSeconds: 24 * 60 * 60, // 24 hours
+        },
+      },
+    },
+  ],
   disableDevLogs: true,
 })(config);