Investigué mucho y probé muchas cosas, pero desafortunadamente no encontré una solución, así que tuve que volver a preguntar.

Estoy trabajando localmente en un proyecto y ahora quiero agregar enrutamiento internacionalizado de nextjs a mi proyecto para poder ofrecerlo en 2 idiomas... Leí la documentación de nextjs y vi tutoriales de youtube y lo intenté, pero siempre regresa locale:undefined y lamentablemente no sé por qué?

a continuación puedes ver mis códigos... ¿Puedes decirme qué no estoy haciendo bien? o que estoy haciendo mal?

índice.tsx

 export default function Home({ posts }: Props) { const router = useRouter() const t = router.locale === 'de' ? de : tr console.log(router) return ( <Header /> <main className="flex w-full flex-1 flex-col items-center justify-center px-20 text-center"> <h1 className="text-6xl font-bold"> {t.title} <a className="text-blue-600" href="https://nextjs.org"> Next.js! </a> </h1> <div> <Link href="/" locale="de"> <a>DE </a> </Link> <Link href="/tr" locale="tr"> <a>TR</a> </Link> </div> )

siguiente.config.js

 /** @type {import('next').NextConfig} */ module.exports = { reactStrictMode: true, i18n: { locales: ['de', 'tr'], defaultLocale: 'de', }, }

locales/de.js

 export const de = { title: 'Welcome to ', }