optimize middleware

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

.gitignore

@@ -1,2 +1,4 @@
 .next
-node_modules
+node_modules
+.vscode
+.next

app/i18n/index.js

@@ -13,7 +13,7 @@ const initI18next = async (lng, ns) => {
     .use(initReactI18next)
     .use(resourcesToBackend((language, namespace) => import(`./locales/${language}/${namespace}.json`)))
     .init({
-      debug: true,
+      // debug: true,
       supportedLngs: languages,
       // preload: languages,
       fallbackLng,

middleware.ts

@@ -1,17 +1,18 @@
 import { NextRequest, NextResponse } from 'next/server';
 import acceptLanguage from 'accept-language';
+import { fallbackLng, languages } from './app/i18n'
 
-acceptLanguage.languages(['en', 'de']);
+acceptLanguage.languages(languages);
 
 export const config = {
   matcher: ['/'],
 };
 
 export function middleware(req: NextRequest) {
-  const lang = acceptLanguage.get(req.headers.get('Accept-Language'));
+  const lng = acceptLanguage.get(req.headers.get('Accept-Language')) || fallbackLng;
 
   if (req.nextUrl.pathname === '/') {
-    return NextResponse.rewrite(new URL(`/${lang}`, req.url));
+    return NextResponse.redirect(new URL(`/${lng}`, req.url));
   }
 
   return NextResponse.next();