Make the app Progressive Web Application (PWA) - closes #2

Ditectrev · Aug 14, 2024 · 6cf8925 · 6cf8925
1 parent f2df292
commit 6cf8925
Show file tree

Hide file tree

Showing 17 changed files with 5,918 additions and 450 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -21,6 +21,7 @@ type RootLayoutProps = {
 export default function RootLayout({ children }: RootLayoutProps) {
   return (
     <html lang="en">
+      <link rel="manifest" href="/manifest.json" />
       <body className="bg-slate-900">
         <ApolloProvider>
           <TopNav />

diff --git a/next.config.js b/next.config.js
@@ -14,4 +14,10 @@ const nextConfig = {
   output: "standalone",
 };
 
-module.exports = nextConfig;
+const withPWA = require("next-pwa")({
+  dest: "public",
+});
+
+module.exports = withPWA({
+  nextConfig,
+});
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -33,6 +33,7 @@
     "formik": "^2.4.5",
     "graphql": "^16.6.0",
     "next": "^14.1.1",
+    "next-pwa": "^5.6.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-github-btn": "^1.4.0",

diff --git a/public/icons/icon-128x128.png b/public/icons/icon-128x128.png
diff --git a/public/icons/icon-144x144.png b/public/icons/icon-144x144.png
diff --git a/public/icons/icon-152x152.png b/public/icons/icon-152x152.png
diff --git a/public/icons/icon-192x192.png b/public/icons/icon-192x192.png
diff --git a/public/icons/icon-384x384.png b/public/icons/icon-384x384.png
diff --git a/public/icons/icon-512x512.png b/public/icons/icon-512x512.png
diff --git a/public/icons/icon-72x72.png b/public/icons/icon-72x72.png
diff --git a/public/icons/icon-96x96.png b/public/icons/icon-96x96.png
diff --git a/public/manifest.json b/public/manifest.json
@@ -0,0 +1,53 @@
+{
+  "name": "Ditectrev",
+  "short_name": "Practice Exams Platform by Ditectrev",
+  "description": "Practice Exams Platform developed by Ditectrev's Community.",
+  "theme_color": "#3f51b5",
+  "background_color": "#fafafa",
+  "display": "standalone",
+  "orientation": "any",
+  "scope": ".",
+  "start_url": ".",
+  "icons": [
+    {
+      "src": "/icons/icon-72x72.png",
+      "sizes": "72x72",
+      "type": "image/png"
+    },
+    {
+      "src": "/icons/icon-96x96.png",
+      "sizes": "96x96",
+      "type": "image/png"
+    },
+    {
+      "src": "/icons/icon-128x128.png",
+      "sizes": "128x128",
+      "type": "image/png"
+    },
+    {
+      "src": "/icons/icon-144x144.png",
+      "sizes": "144x144",
+      "type": "image/png"
+    },
+    {
+      "src": "/icons/icon-152x152.png",
+      "sizes": "152x152",
+      "type": "image/png"
+    },
+    {
+      "src": "/icons/icon-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/icons/icon-384x384.png",
+      "sizes": "384x384",
+      "type": "image/png"
+    },
+    {
+      "src": "/icons/icon-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ]
+}
diff --git a/public/sw.js b/public/sw.js
diff --git a/public/sw.js.map b/public/sw.js.map