next intl

Internationalisierung (i18n) für Next.js

Merkmale

Internationalisierung (i18n) ist ein wesentlicher Bestandteil der Benutzererfahrung, daher bietet Ihnen next-intl alle Teile, die Sie benötigen, um Sprachnuancen richtig hinzubekommen.

• ICU-Nachrichtensyntax : Lokalisieren Sie Ihre Nachrichten mit Interpolation, Kardinal- und Ordinalpluralformen, enumbasierter Etikettenauswahl und Rich Text.

• Daten, Uhrzeiten und Zahlen : Wenden Sie die entsprechende Formatierung an, ohne sich Gedanken über Server-/Client-Unterschiede wie Zeitzonen machen zu müssen.

• Typsicher : Beschleunigen Sie die Entwicklung mit der automatischen Vervollständigung von Nachrichtenschlüsseln und erkennen Sie Tippfehler frühzeitig mit Prüfungen zur Kompilierungszeit.

• Hooks-basierte API : Lernen Sie eine einzelne API kennen, die in Ihrer gesamten Codebasis verwendet werden kann, um Übersetzungen in einfache Zeichenfolgen oder Rich Text umzuwandeln.

• Next.js-nativ und leistungsorientiert : App Router, Serverkomponenten, statisches Rendering – wählen Sie das richtige Tool für den richtigen Job, next-intl funktioniert überall.

• Internationalisiertes Routing : Geben Sie eindeutige Pfadnamen pro Sprache an und lokalisieren Sie Pfadnamen optional für die Suchmaschinenoptimierung.

Wie sieht es aus?

 // UserProfile.tsximport {useTranslations} from 'next-intl';
 Standardfunktion UserProfile({user}) exportieren {
  const t = useTranslations('UserProfile');

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

 // en.json{
  „UserProfile“: {“title“: „Profil von {firstName}“, „membership“: „Mitglied seit {memberSince, date, short}“, „followers“: „{count, plural, ↵ =0 {Keine Follower noch} ↵ =1 {Ein Follower} ↵ andere {# Follower} ↵ }"
  }}

→ Lesen Sie die Dokumente

Gehostet auf Vercel