Feature/FeedPage

next-i18next.config.ts

@@ -5,7 +5,7 @@ const nextI18NextConfig: UserConfig = {
   i18n: {
     locales: ['ko', 'en'],
     defaultLocale: 'ko',
-    localeDetection: false, // 리터럴 false
+    localeDetection: false,
   },
   reloadOnPrerender: process.env.NODE_ENV === 'development',
   localePath: path.resolve('./public/locales'),

next.config.ts

@@ -8,6 +8,11 @@ const nextConfig: NextConfig = {
     };
     return config;
   },
+  i18n: {
+    locales: ['ko', 'en'],
+    defaultLocale: 'ko',
+    localeDetection: false,
+  },
   reactStrictMode: true,
   images: {
     remotePatterns: [

src/components/localeSwitcher.tsx

@@ -1,21 +1,17 @@
+import Link from 'next/link';
 import { useRouter } from 'next/router';
 
 const LocaleSwitcher = () => {
-  const { locale, locales, asPath, pathname, query, push } = useRouter();
+  const { locale, locales, pathname, query } = useRouter();
   const supported = locales ?? ['ko', 'en'];
   const nextLocale = supported.find((l) => l !== locale) ?? supported[0];
 
-  const handleClick = () => {
-    push({ pathname, query }, asPath, { locale: nextLocale });
-  };
-
   return (
-    <button
-      className="py-1 px-2 cursor-pointer bg-blue-400 text-white rounded-lg"
-      onClick={handleClick}
-    >
-      {nextLocale.toUpperCase()}
-    </button>
+    <Link href={{ pathname, query }} locale={nextLocale}>
+      <button className="py-1 px-2 bg-blue-400 text-white rounded-lg">
+        {nextLocale.toUpperCase()}
+      </button>
+    </Link>
   );
 };