Featured image of post Routing i18n en Next.js App RouterFeatured image of post Routing i18n en Next.js App Router

Routing i18n en Next.js App Router

Master Next.js internationalization with i18n routing config, sub-path vs domain strategies, locale detection, next-intl integration, SEO for multi-language sites, and hreflang.

Next.js App Router ofrece routing internacionalizado con detección de idioma, redirecciones y Middleware. Soporta subpath y dominio.

Configuración

Define locales en next.config.js. defaultLocale. Middleware detecta el idioma preferido del navegador y redirige. El path incluye /es, /ja, etc.

Estrategias de routing

Subpath: /es/about, /ja/about. Dominio: es.example.com, ja.example.com. Subdominio. El Middleware maneja la detección y redirección.

next-intl

Biblioteca recomendada para internacionalización en Next.js. Mensajes en JSON, formateo de fechas/números, plurales. Integración con App Router.

SEO

Etiquetas hreflang para indicar versiones de idioma. canonical para evitar contenido duplicado. Sitemaps específicos por idioma.