PWA

2026-07-22 20:16:57 +00:00 · 2023-10-03 09:19:45 +02:00
parent 8cb21b1590
commit ac349b9115
11 changed files with 1994 additions and 22 deletions
@@ -54,8 +54,16 @@ export default async function RootLayout({
      <head>
        <meta
          name="viewport"
-          content="width=device-width, initial-scale=1, maximum-scale=1"
+          content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no, user-scalable=no, viewport-fit=cover"
        />
+
+        <meta name="application-name" content="Echecs France" />
+        <meta name="apple-mobile-web-app-capable" content="yes" />
+        <meta name="apple-mobile-web-app-status-bar-style" content="default" />
+        <meta name="apple-mobile-web-app-title" content="Echecs France" />
+        <meta name="mobile-web-app-capable" content="yes" />
+        <meta name="theme-color" content="#00A1F0" />
+        <link rel="manifest" href="/manifest.webmanifest" />
      </head>
      <body>
        <Providers>
@@ -7,5 +7,9 @@ const withBundleAnalyzer = require("@next/bundle-analyzer")({

 const withNextIntl = require("next-intl/plugin")("./i18n.ts");

+const withPWA = require("next-pwa")({
+  dest: "public",
+});
+
 module.exports = nextConfig;
-module.exports = withBundleAnalyzer(withNextIntl({}));
+module.exports = withBundleAnalyzer(withNextIntl(withPWA({})));
@@ -36,6 +36,7 @@
    "mongodb": "^6.1.0",
    "next": "^13.4.12",
    "next-intl": "^3.0.0-beta.16",
+    "next-pwa": "^5.6.0",
    "nodemailer": "^6.9.4",
    "postcss": "8.4.28",
    "react": "^18.2.0",
@@ -0,0 +1,31 @@
+{
+    "theme_color": "#00A1F0",
+    "background_color": "#00A1F0",
+    "display": "standalone",
+    "scope": "/",
+    "start_url": "/",
+    "name": "Echecs France",
+    "short_name": "Echecs France",
+    "icons": [
+        {
+            "src": "/icon-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/icon-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        },
+        {
+            "src": "/icon-384x384.png",
+            "sizes": "384x384",
+            "type": "image/png"
+        },
+        {
+            "src": "/icon-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ]
+}