feat(Million): Added Million package to optimize DOM

Author: philipbrembeck

next.config.js

@@ -1,24 +1,34 @@
-const withPWA = require('next-pwa')({
-  dest: 'public',
-  swSrc: 'service-worker.js'
-})
+const million = require("million/compiler");
+const withPWA = require("next-pwa")({
+  dest: "public",
+  swSrc: "service-worker.js",
+});
 
 /** @type {import('next').NextConfig} */
-
-module.exports = withPWA({
-  output: 'standalone',
+let nextConfig = {
+  output: "standalone",
   reactStrictMode: true,
   productionBrowserSourceMaps: true,
   i18n: {
-    locales: ['de', 'en', 'fr', 'es', 'pl', 'cz'],
-    defaultLocale: 'en',
+    locales: ["de", "en", "fr", "es", "pl", "cz"],
+    defaultLocale: "en",
   },
   async rewrites() {
     return [
       {
-        source: '/datenschutz',
-        destination: '/privacy-policy',
+        source: "/datenschutz",
+        destination: "/privacy-policy",
       },
-    ]
-  }
-});
+    ];
+  },
+};
+
+const millionConfig = {
+  auto: true,
+  // if you're using RSC:
+  // auto: { rsc: true },
+};
+
+nextConfig = million.next(nextConfig, millionConfig);
+
+module.exports = withPWA(nextConfig);

package-lock.json

@@ -18,6 +18,7 @@
     "@types/react-dom": "18.2.7",
     "eslint-config-sznm": "^2.0.2",
     "jest-worker": "^29.6.2",
+    "million": "^2.5.13",
     "next": "13.4.16",
     "next-intl": "^2.19.1",
     "next-pwa": "^5.6.0",