diff --git a/app/page.tsx b/app/page.tsx
index 8892196..1025dc2 100644
--- a/app/page.tsx
+++ b/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 ]");
+}
diff --git a/public/service-worker.js b/public/service-worker.js
new file mode 100644
index 0000000..d032c9a
--- /dev/null
+++ b/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);
+});