🚀 release v3.0.0

client/next.config.js

@@ -0,0 +1,57 @@
+const { i18n } = require('./next-i18next.config');
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+
+  i18n,
+
+  env: {
+    appVersion: '3.0.0',
+    appUrl: process.env.APP_URL,
+    serverUrl: process.env.SERVER_URL,
+    googleClientId: process.env.GOOGLE_CLIENT_ID,
+  },
+
+  images: {
+    domains: ['www.gravatar.com'],
+  },
+
+  experimental: {
+    externalDir: true,
+    outputStandalone: true,
+  },
+
+  // Hack to make Tailwind darkMode 'class' strategy with CSS Modules
+  // Ref: https://github.com/tailwindlabs/tailwindcss/issues/3258#issuecomment-968368156
+  webpack: (config) => {
+    const rules = config.module.rules.find((r) => !!r.oneOf);
+
+    rules.oneOf.forEach((loaders) => {
+      if (Array.isArray(loaders.use)) {
+        loaders.use.forEach((l) => {
+          if (typeof l !== 'string' && typeof l.loader === 'string' && /(?<!post)css-loader/.test(l.loader)) {
+            if (!l.options.modules) return;
+            const { getLocalIdent, ...others } = l.options.modules;
+
+            l.options = {
+              ...l.options,
+              modules: {
+                ...others,
+                getLocalIdent: (ctx, localIdentName, localName, options) => {
+                  if (localName === 'dark') return localName;
+
+                  return getLocalIdent(ctx, localIdentName, localName, options);
+                },
+              },
+            };
+          }
+        });
+      }
+    });
+
+    return config;
+  },
+};
+
+module.exports = nextConfig;