diff --git a/.gitignore b/.gitignore
index a547bf3..3b0b403 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,3 +22,5 @@ dist-ssr
*.njsproj
*.sln
*.sw?
+
+.env
\ No newline at end of file
diff --git a/firebase-messaging-sw.js b/firebase-messaging-sw.js
new file mode 100644
index 0000000..e5b0363
--- /dev/null
+++ b/firebase-messaging-sw.js
@@ -0,0 +1,35 @@
+import { initializeApp } from "firebase/app";
+import { getAnalytics } from "firebase/analytics";
+import { getMessaging, getToken, onMessage } from "firebase/messaging";
+
+import "@firebase/messaging";
+// import firebase from "firebase";
+const firebaseConfig = {
+ apiKey: import.meta.env.REACT_APP_API_KEY,
+ authDomain: "pre-gwasuoneshot.firebaseapp.com",
+ projectId: "pre-gwasuoneshot",
+ storageBucket: "pre-gwasuoneshot.appspot.com",
+ messagingSenderId: import.meta.env.REACT_APP_MESSAGING_ID,
+ appId: import.meta.env.REACT_APP_APP_ID,
+ measurementId: import.meta.env.REACT_APP_MEASUREMENT_ID,
+};
+
+const app = initializeApp(firebaseConfig);
+
+const messaging = getMessaging();
+
+getToken(messaging, {
+ vapidKey: import.meta.env.REACT_APP_VAPID_KEY,
+})
+ .then((currentToken) => {
+ if (currentToken) {
+ console.log("currentToken", currentToken);
+ } else {
+ console.log("No registration");
+ }
+ })
+ .catch((e) => console.log("err:", e));
+
+onMessage(messaging, (payload) => {
+ console.log("Message received", payload);
+});
diff --git a/index.html b/index.html
index b6979e8..2ac1985 100644
--- a/index.html
+++ b/index.html
@@ -16,4 +16,29 @@
+
+