next intl

Internasionalisasi (i18n) untuk Next.js

Fitur

Internasionalisasi (i18n) adalah bagian penting dari pengalaman pengguna, oleh karena itu next-intl memberi Anda semua bagian yang Anda perlukan untuk memahami nuansa bahasa dengan benar.

• Sintaks pesan ICU : Lokalkan pesan Anda dengan interpolasi, bentuk jamak kardinal & ordinal, pemilihan label berbasis enum, dan teks kaya.

• Tanggal, waktu & angka : Terapkan pemformatan yang sesuai tanpa mengkhawatirkan perbedaan server/klien seperti zona waktu.

• Type-safe : Mempercepat pengembangan dengan pelengkapan otomatis untuk kunci pesan dan mendeteksi kesalahan ketik lebih awal dengan pemeriksaan waktu kompilasi.

• API berbasis kait : Pelajari satu API yang dapat digunakan di seluruh basis kode Anda untuk mengubah terjemahan menjadi string biasa atau teks kaya.

• Next.js-native dan terobsesi dengan kinerja : Router Aplikasi, Komponen Server, rendering statis—pilih alat yang tepat untuk pekerjaan yang tepat, next-intl berfungsi di mana saja.

• Perutean yang diinternasionalkan : Memberikan nama jalur unik per bahasa dan secara opsional melokalkan nama jalur untuk optimasi mesin pencari.

Seperti apa bentuknya?

 // UserProfile.tsximport {useTranslations} dari 'next-intl';
 ekspor fungsi default Profil Pengguna({pengguna}) {
  const t = useTranslations('Profil Pengguna');

   return (<section> <h1>{t('title', {firstName: user.firstName})}</h1> <p>{t('membership', {member Since: user.member Since})}</p > <p>{t('pengikut', {hitungan: pengguna.numFollowers})}</p></section>
  );}

 // en.json{
  "UserProfile": {"title": "profil {firstName}","membership": "Anggota sejak {member Since, date, short}","followers": "{count, plural, ↵ =0 {Tidak ada pengikut belum} ↵ =1 {Satu pengikut} ↵ lainnya {# pengikut} ↵ }"
  }}

→ Baca dokumennya

Dihosting di Vercel