Convert site to a optimized and installable PWA

shunjid · Jan 7, 2024 · 8cdffaa · 8cdffaa
1 parent dd7da50
commit 8cdffaa
Show file tree

Hide file tree

Showing 11 changed files with 56 additions and 1 deletion.
diff --git a/public/Shunjid128.png b/public/Shunjid128.png
diff --git a/public/Shunjid144.png b/public/Shunjid144.png
diff --git a/public/Shunjid192.png b/public/Shunjid192.png
diff --git a/public/Shunjid256.png b/public/Shunjid256.png
diff --git a/public/Shunjid384.png b/public/Shunjid384.png
diff --git a/public/Shunjid512.png b/public/Shunjid512.png
diff --git a/public/apple-icon.png b/public/apple-icon.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
diff --git a/src/app/manifest.ts b/src/app/manifest.ts
@@ -0,0 +1,46 @@
+import { MetadataRoute } from "next";
+
+export default function manifest(): MetadataRoute.Manifest {
+  return {
+    name: "Shunjid",
+    short_name: "Shunjid",
+    lang: "en-US",
+    start_url: "/",
+    display: "standalone",
+    theme_color: "#512cd4",
+    background_color: "#FFFFFF",
+    prefer_related_applications: true,
+    icons: [
+      {
+        src: "Shunjid128.png",
+        sizes: "128x128",
+        purpose: "any",
+      },
+      {
+        src: "Shunjid144.png",
+        sizes: "144x144",
+        purpose: "any",
+      },
+      {
+        src: "Shunjid192.png",
+        sizes: "192x192",
+        purpose: "any",
+      },
+      {
+        src: "Shunjid256.png",
+        sizes: "256x256",
+        purpose: "any",
+      },
+      {
+        src: "Shunjid384.png",
+        sizes: "384x384",
+        purpose: "any",
+      },
+      {
+        src: "Shunjid512.png",
+        sizes: "512x512",
+        purpose: "maskable",
+      },
+    ],
+  };
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -1,4 +1,4 @@
-import { Metadata } from "next";
+import { Metadata, Viewport } from "next";
 
 import { resume } from "@/data";
 
@@ -31,6 +31,15 @@ export const metadata: Metadata = {
     "সানজিদ রহমান",
     "সানজিদ সৌরভ",
   ],
+  icons: {
+    icon: ["/favicon.ico?v=4"],
+    apple: ["/apple-icon.png?v=4"],
+    shortcut: ["/apple-icon.png"],
+  },
+};
+
+export const viewport: Viewport = {
+  themeColor: "#512cd4",
 };
 
 export default function Page() {