Implement PWA

.gitignore

@@ -1 +1,5 @@
 .idea/
+client/public/sw.js
+client/public/sw.js.map
+client/public/worker-*.js
+client/public/worker-*.js.map

client/components/home/SnippetsFeed.tsx

@@ -8,7 +8,7 @@ import {useTranslation} from "next-i18next";
 import BlockError from "../basic/BlockError";
 import {completeSnippetData} from "../../src/post";
 
-const PageSize = 15;
+const PageSize = 6;
 
 export type Snippet = {
     id: number;

client/next.config.js

@@ -1,7 +1,9 @@
 const {i18n} = require("./next-i18next.config");
 
+const withPWA = require("next-pwa")
+
 /** @type {import("next").NextConfig} */
-const nextConfig = {
+var nextConfig = {
     i18n,
     reactStrictMode: true,
     swcMinify: true,
@@ -27,4 +29,32 @@ const nextConfig = {
     }
 }
 
+nextConfig = withPWA({
+    dest: "public",
+    disable: process.env.NODE_ENV === "development",
+    runtimeCaching: [
+        {
+            handler: "CacheFirst",
+            urlPattern: "/api/extract_keywords",
+            options: {
+                cacheName: "extract-keywords-api-cache",
+                expiration: {
+                    maxEntries: 25
+                }
+            }
+        },
+        {
+            handler: "CacheFirst",
+            urlPattern: "/_next/image",
+            options: {
+                cacheName: "next-images-cache",
+                expiration: {
+                    maxEntries: 50,
+                    maxAgeSeconds: 30
+                }
+            }
+        }
+    ]
+})(nextConfig);
+
 module.exports = nextConfig