add pwa

sbx0 · sbx0 · commit f25d783cb2ec · 2022-04-12T17:30:30.000+08:00
diff --git a/Dockerfile b/Dockerfile
@@ -1,7 +1,5 @@
 FROM node:lts
 
-RUN apk add --no-cache libc6-compat
-
 COPY ./ ./
 
 RUN yarn install && npx next build
diff --git a/next.config.js b/next.config.js
@@ -1,9 +1,9 @@
 const withPWA = require('next-pwa')
-const runtimeCaching = require('next-pwa/cache')
 
 module.exports = withPWA({
     pwa: {
         dest: 'public',
-        runtimeCaching,
+        register: true,
+        skipWaiting: true,
     },
 })
diff --git a/package.json b/package.json
@@ -15,8 +15,8 @@
     "highlight.js": "11.5.1",
     "markdown-it": "12.3.2",
     "moment": "2.29.2",
-    "next": "12.1.2",
-    "next-pwa": "5.4.1",
+    "next": "12.1.4",
+    "next-pwa": "5.5.0",
     "nprogress": "0.2.0",
     "react": "18.0.0",
     "react-dom": "18.0.0",
diff --git a/pages/_app.js b/pages/_app.js
@@ -3,8 +3,6 @@ import NProgress from "nprogress";
 import '../styles/globals.css';
 import '../css/nprogress.css';
 import {useRouter} from "next/router";
-import Head from 'next/head';
-
 
 function MyApp({Component, pageProps}) {
     const router = useRouter();
@@ -21,36 +19,7 @@ function MyApp({Component, pageProps}) {
         });
     }, []);
 
-    return <>
-        <Head>
-            <meta charSet="utf-8"/>
-            <meta httpEquiv="X-UA-Compatible" content="IE=edge"/>
-            <meta
-                name="viewport"
-                content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
-            />
-            <meta name="description" content="Description"/>
-            <meta name="keywords" content="Keywords"/>
-            <title>Next.js PWA Example</title>
-
-            <link rel="manifest" href="/manifest.json"/>
-            <link
-                href="/icons/icon-16x16.png"
-                rel="icon"
-                type="image/png"
-                sizes="16x16"
-            />
-            <link
-                href="/icons/icon-32x32.png"
-                rel="icon"
-                type="image/png"
-                sizes="32x32"
-            />
-            <link rel="apple-touch-icon" href="/icons/icon-512x512.png"/>
-            <meta name="theme-color" content="#317EFB"/>
-        </Head>
-        <Component {...pageProps} />
-    </>
+    return <Component {...pageProps} />
 }
 
 export default MyApp
diff --git a/pages/_document.js b/pages/_document.js
@@ -0,0 +1,21 @@
+import Document, {Head, Html, Main, NextScript} from "next/document";
+
+class MyDocument extends Document {
+    render() {
+        return (
+            <Html>
+                <Head>
+                    <link rel="manifest" href="/manifest.json"/>
+                    <link rel="apple-touch-icon" href="/icons/icon-96x96.png"></link>
+                    <meta name="theme-color" content="#fff"/>
+                </Head>
+                <body>
+                <Main/>
+                <NextScript/>
+                </body>
+            </Html>
+        );
+    }
+}
+
+export default MyDocument;
