next intl

Internacionalização (i18n) para Next.js

Características

A internacionalização (i18n) é uma parte essencial da experiência do usuário, portanto, next-intl fornece todas as partes necessárias para obter as nuances corretas do idioma.

• Sintaxe de mensagem ICU : localize suas mensagens com interpolação, plurais cardinais e ordinais, seleção de rótulo baseada em enumeração e rich text.

• Datas, horas e números : aplique a formatação apropriada sem se preocupar com diferenças de servidor/cliente, como fusos horários.

• Tipo seguro : Acelere o desenvolvimento com preenchimento automático para chaves de mensagens e detecte erros de digitação antecipadamente com verificações em tempo de compilação.

• API baseada em ganchos : aprenda uma única API que pode ser usada em sua base de código para transformar traduções em strings simples ou rich text.

• Next.js nativo e obcecado por desempenho : roteador de aplicativos, componentes de servidor, renderização estática - escolha a ferramenta certa para o trabalho certo, next-intl funciona em qualquer lugar.

• Roteamento internacionalizado : forneça nomes de caminho exclusivos por idioma e, opcionalmente, localize nomes de caminho para otimização de mecanismo de pesquisa.

Como é?

 //UserProfile.tsximport {useTranslations} de 'next-intl';
 função padrão de exportação UserProfile({usuário}) {
  const t = useTranslations('UserProfile');

   return (<seção> <h1>{t('title', {firstName: user.firstName})}</h1> <p>{t('membership', {memberSince: user.memberSince})}</p > <p>{t('seguidores', {count: user.numFollowers})}</p></section>
  );}

 //en.json{
  "UserProfile": {"title": "perfil de {firstName}","membership": "Membro desde {memberSince, date, short}","followers": "{count, plural, ↵ =0 {Sem seguidores ainda} ↵ =1 {Um seguidor} ↵ outro {# seguidores} ↵ }"
  }}

→ Leia os documentos

Hospedado no Vercel