Styling of home

next.config.js

@@ -21,6 +21,22 @@ const nextConfig = {
     locales: ['en', 'de', 'nl'],
     defaultLocale: 'en',
     localeDetection: false
+  },
+  webpack: config => {
+    config.module?.rules?.forEach(rule => {
+      rule.oneOf?.forEach(oneOf => {
+        const loader = oneOf?.use
+        if (!loader || !Array.isArray(loader)) return
+        loader.forEach(l => {
+          if (l.loader?.includes('/css-loader') && l.options.modules) {
+            // mde-ui needs camelCase as well as BEM, so preserve both
+            l.options.modules.exportLocalsConvention = 'camelCase'
+          }
+        })
+      })
+    })
+
+    return config
   }
 }