install service-worker

app/page.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 import React from "react";
 
 export default function Home() {
@@ -95,3 +97,12 @@ export default function Home() {
     </div>
   );
 }
+
+if (typeof window !== "undefined") {
+  if ("ServiceWorker" in window) {
+    navigator.serviceWorker
+      .register("/service-worker.js")
+      .then(() => console.log("[ Registered ]"))
+      .catch((err) => console.log("[ Not Registered ]", err));
+  } else console.log("[ There Is No SW In Window ]");
+}

public/service-worker.js

@@ -0,0 +1,8 @@
+self.addEventListener("install", (event) => {
+  console.log("[ Install SW ]", event);
+  self.skipWaiting();
+});
+
+self.addEventListener("activate", (event) => {
+  console.log("[ Activate SW ]", event);
+});