Add caching assets

reynaldichernando · Dec 3, 2024 · 788bce6 · 788bce6
1 parent 8e38dfa
commit 788bce6
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 9 deletions.
diff --git a/app/sw.ts b/app/sw.ts
@@ -1,6 +1,5 @@
-import { defaultCache } from "@serwist/next/worker";
 import type { PrecacheEntry, SerwistGlobalConfig } from "serwist";
-import { Serwist } from "serwist";
+import { StaleWhileRevalidate, Serwist } from "serwist";
 
 declare global {
   interface WorkerGlobalScope extends SerwistGlobalConfig {
@@ -15,7 +14,20 @@ const serwist = new Serwist({
   skipWaiting: true,
   clientsClaim: true,
   navigationPreload: true,
-  runtimeCaching: defaultCache,
+  runtimeCaching: [
+    {
+      matcher: ({ request }) => request.destination === "style",
+      handler: new StaleWhileRevalidate(),
+    },
+    {
+      matcher: ({ request }) => request.destination === "script",
+      handler: new StaleWhileRevalidate(),
+    },
+    {
+      matcher: ({ request }) => request.destination === "document",
+      handler: new StaleWhileRevalidate(),
+    },
+  ],
 });
 
 serwist.addEventListeners();
diff --git a/next.config.mjs b/next.config.mjs
@@ -7,17 +7,16 @@ const withSerwist = withSerwistInit({
   // use something else that works, such as "service-worker/index.ts".
   swSrc: "app/sw.ts",
   swDest: "public/sw.js",
-  cacheOnNavigation: true,
 });
 
 const nextConfig = {
   images: {
     remotePatterns: [
       {
-        protocol: 'https',
-        hostname: '*',
-        port: '',
-        pathname: '**',
+        protocol: "https",
+        hostname: "*",
+        port: "",
+        pathname: "**",
       },
     ],
   },

diff --git a/package.json b/package.json
@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev --experimental-https",
     "build": "next build",
     "start": "next start",
     "lint": "next lint"