next intl

Internacionalización (i18n) para Next.js

Características

La internacionalización (i18n) es una parte esencial de la experiencia del usuario, por lo tanto, next-intl le brinda todas las partes que necesita para entender correctamente los matices del idioma.

• Sintaxis de mensajes de ICU : localice sus mensajes con interpolación, plurales cardinales y ordinales, selección de etiquetas basada en enumeraciones y texto enriquecido.

• Fechas, horas y números : aplique el formato adecuado sin preocuparse por las diferencias entre el servidor y el cliente, como las zonas horarias.

• Tipo seguro : acelere el desarrollo con autocompletado para claves de mensajes y detecte errores tipográficos con anticipación con comprobaciones en tiempo de compilación.

• API basada en ganchos : aprenda una API única que se puede utilizar en todo su código base para convertir las traducciones en cadenas simples o texto enriquecido.

• Next.js nativo y obsesionado con el rendimiento : enrutador de aplicaciones, componentes de servidor, renderizado estático: elija la herramienta adecuada para el trabajo correcto, next-intl funciona en todas partes.

• Enrutamiento internacionalizado : proporcione nombres de rutas únicos por idioma y, opcionalmente, localice los nombres de rutas para la optimización de los motores de búsqueda.

¿Cómo se ve?

 // UserProfile.tsximport {useTranslations} de 'next-intl';
 exportar función predeterminada UserProfile({usuario}) {
  const t = useTranslations('Perfil de usuario');

   return (<sección> <h1>{t('título', {firstName: usuario.firstName})}</h1> <p>{t('membresía', {memberSince: user.memberSince})}</p > <p>{t('seguidores', {count: usuario.numSeguidores})}</p></section>
  );}

 // es.json{
  "UserProfile": {"title": "perfil de {firstName}","membership": "Miembro desde {memberSince, fecha, breve}","followers": "{count, plural, ↵ =0 {Sin seguidores todavía} ↵ =1 {Un seguidor} ↵ otro {# seguidores} ↵ }"
  }}

→ Lea los documentos

Alojado en Vercel