445 fix pwa integration (#458)

* Replace next-pwa with serwist in deps

* Setup serwist in code

Author: krokosik

next.config.js

@@ -1,5 +1,6 @@
 import { PHASE_DEVELOPMENT_SERVER, PHASE_PRODUCTION_BUILD } from 'next/constants.js';
 import i18nConfig from './next-i18next.config.js';
+import withSerwistInit from '@serwist/next';
 
 /**
  * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially useful
@@ -31,18 +32,10 @@ const nextConfig = {
   },
 };
 
-// @ts-expect-error We don't need to type this function
-const nextConfigFunction = async (phase) => {
-  if (phase === PHASE_DEVELOPMENT_SERVER || phase === PHASE_PRODUCTION_BUILD) {
-    const withPWA = (await import('@ducanh2912/next-pwa')).default({
-      dest: 'public',
-      disable: 'development' === process.env.NODE_ENV,
-      // @ts-expect-error buildExcludes is supported at runtime even if missing in types
-      buildExcludes: [/_next\/dynamic-css-manifest\.json$/],
-    });
-    return withPWA(nextConfig);
-  }
-  return nextConfig;
-};
+const withSerwist = withSerwistInit({
+  swSrc: 'worker/index.ts',
+  swDest: 'public/sw.js',
+  disable: process.env.NODE_ENV === 'development', // Incompatible with Turbopack https://github.com/serwist/serwist/issues/54
+});
 
-export default nextConfigFunction;
+export default withSerwist(nextConfig);

package.json

@@ -28,12 +28,12 @@
   "dependencies": {
     "@aws-sdk/client-s3": "^3.515.0",
     "@aws-sdk/s3-request-presigner": "^3.515.0",
-    "@ducanh2912/next-pwa": "^10.2.9",
     "@heroicons/react": "^2.1.1",
     "@hookform/resolvers": "^3.3.4",
     "@icons-pack/react-simple-icons": "^13.7.0",
     "@next-auth/prisma-adapter": "^1.0.7",
     "@prisma/client": "^6.8.2",
+    "@serwist/next": "^9.2.1",
     "@t3-oss/env-nextjs": "^0.11.1",
     "@tanstack/react-query": "^5.79.2",
     "@trpc/client": "^11.2.0",
@@ -87,6 +87,7 @@
     "prettier": "^3.2.4",
     "prettier-plugin-tailwindcss": "^0.6.12",
     "prisma": "^6.8.2",
+    "serwist": "^9.2.1",
     "tailwind-merge": "^2.2.0",
     "tailwindcss": "^4.1.10",
     "ts-node": "^10.9.2",