Add PWA support

website/.gitignore

@@ -39,4 +39,6 @@ next-env.d.ts
 !public
 
 public/robots.txt
-public/sitemap*
+public/sitemap*
+public/sw.js*
+public/workbox*

website/next.config.mjs

@@ -1,4 +1,5 @@
 import MDX from '@next/mdx'
+import PWA from 'next-pwa'
 
 import remarkPlugins from './plugins/index.mjs'
 
@@ -13,17 +14,24 @@ const withMDX = MDX({
     },
 })
 
-/** @type {import('next').NextConfig} */
-const nextConfig = withMDX({
-    reactStrictMode: true,
-    swcMinify: true,
-    pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'md', 'mdx'],
-    eslint: {
-        ignoreDuringBuilds: true,
-    },
-    typescript: {
-        ignoreBuildErrors: true,
-    },
+const withPWA = PWA({
+    dest: 'public',
+    disable: process.env.NODE_ENV === 'development',
 })
 
+/** @type {import('next').NextConfig} */
+const nextConfig = withPWA(
+    withMDX({
+        reactStrictMode: true,
+        swcMinify: true,
+        pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'md', 'mdx'],
+        eslint: {
+            ignoreDuringBuilds: true,
+        },
+        typescript: {
+            ignoreBuildErrors: true,
+        },
+    })
+)
+
 export default nextConfig

website/package.json

@@ -30,6 +30,7 @@
         "md-attr-parser": "^1.3.0",
         "next": "13.0.2",
         "next-mdx-remote": "^4.2.0",
+        "next-pwa": "^5.6.0",
         "next-sitemap": "^3.1.32",
         "parse-numeric-range": "^1.3.0",
         "prettier": "^2.7.1",