🌭 🍡 🥭 i18n直した (next-i18n-router 依存やめた)

package.json

@@ -45,7 +45,6 @@
     "lucide-react": "^0.462.0",
     "nanoid": "^5.0.9",
     "next": "15.0.3",
-    "next-i18n-router": "^5.5.1",
     "next-pwa": "^5.6.0",
     "nextjs13-progress": "^1.3.3",
     "nprogress": "^0.2.0",

src/middleware.ts

@@ -2,12 +2,13 @@ import type { NextMiddleware } from 'next/server';
 import { i18nMiddleware } from '@/shared/i18n/middleware';
 import { cspMiddleware } from '@/shared/lib/csp';
 
-const normalRoutePattern = /https?:\/\/[^/]+\/((?!api|static|.*\\..*|_next|favicon.ico|ogp.png|icon).*)/;
+const normalRoutePattern = /^\/([^/]+\/)?(?:analyze-logs|ccfolia|dice|expect)?$/;
 
 export const middleware: NextMiddleware = (req, event) => {
   cspMiddleware(req, event);
 
-  if (normalRoutePattern.test(req.url)) {
+  const pathname = new URL(req.url).pathname;
+  if (normalRoutePattern.test(pathname)) {
     return i18nMiddleware(req, event);
   }
 };

src/shared/i18n/client-layout.tsx

@@ -1,11 +1,11 @@
 'use client';
 
 import i18n from 'i18next';
-import { useCurrentLocale } from 'next-i18n-router/client';
 import type { ReactNode } from 'react';
 import { I18nextProvider } from 'react-i18next';
 import { i18nextInitOptions } from '@/locales/i18next';
 import { i18nConfig } from '@/shared/i18n/config';
+import { usePathname } from 'next/navigation';
 
 i18n.init(i18nextInitOptions, (err) => {
   if (err) {
@@ -14,6 +14,11 @@ i18n.init(i18nextInitOptions, (err) => {
 });
 
 export const I18nProvider = ({ children }: { children: ReactNode }) => {
-  i18n.changeLanguage(useCurrentLocale(i18nConfig));
+  const pathname = usePathname();
+  const localeCandidate = pathname.split('/')[1];
+  const locale = i18nConfig.locales.includes(localeCandidate) ? localeCandidate : i18nConfig.defaultLocale;
+  console.log('client locale', locale);
+
+  i18n.changeLanguage(locale);
   return <I18nextProvider i18n={i18n}>{children}</I18nextProvider>;
 };

src/shared/i18n/middleware.ts

@@ -1,7 +1,13 @@
-import type { NextMiddleware } from 'next/server';
-import { i18nRouter } from 'next-i18n-router';
+import { NextResponse, type NextMiddleware } from 'next/server';
 import { i18nConfig } from './config';
 
 export const i18nMiddleware: NextMiddleware = (req) => {
-  return i18nRouter(req, i18nConfig);
+  const url = new URL(req.url);
+  console.log('i18n', url.pathname);
+
+  if (i18nConfig.locales.some((l) => url.pathname.startsWith(`/${l}`))) return;
+  url.pathname = `/${i18nConfig.defaultLocale}${url.pathname}`;
+  console.log('redirecting to', url.toString());
+
+  return NextResponse.rewrite(url.toString());
 };

src/shared/i18n/server-layout.tsx

@@ -15,6 +15,7 @@ export const wrapRootLayout = (RootLayout: FC<{ children: ReactNode; locale: str
   }> = async ({ children, params }) => {
     const { locale } = await params;
     i18n.changeLanguage(locale);
+    console.log('server locale', locale);
     return <RootLayout locale={locale}>{children}</RootLayout>;
   };