ดาวน์โหลด next intl - ดาวน์โหลดซอร์สโค้ด next intl

next intl

ซอร์สโค้ดอื่น ๆ

v3.25.1

ดาวน์โหลด

การทำให้เป็นสากล (i18n) สำหรับ Next.js

คุณสมบัติ

การทำให้เป็นสากล (i18n) เป็นส่วนสำคัญของประสบการณ์ผู้ใช้ ดังนั้น next-intl จะให้ทุกส่วนที่คุณต้องการเพื่อให้ได้ความแตกต่างทางภาษาที่ถูกต้อง

ไวยากรณ์ข้อความ ICU : แปลข้อความของคุณด้วยการประมาณค่า พหูพจน์เชิงการนับและลำดับ การเลือกป้ายกำกับแบบแจกแจง และ Rich Text
วันที่ เวลา และตัวเลข : ใช้การจัดรูปแบบที่เหมาะสมโดยไม่ต้องกังวลกับความแตกต่างของเซิร์ฟเวอร์/ไคลเอนต์ เช่น โซนเวลา
พิมพ์อย่างปลอดภัย : เร่งการพัฒนาด้วยการเติมข้อความอัตโนมัติสำหรับคีย์ข้อความ และตรวจจับการพิมพ์ผิดตั้งแต่เนิ่นๆ ด้วยการตรวจสอบเวลาคอมไพล์
API ที่ใช้ Hooks : เรียนรู้ API เดียวที่สามารถใช้กับฐานโค้ดของคุณเพื่อเปลี่ยนการแปลเป็นสตริงธรรมดาหรือ Rich Text
Next.js แบบเนทีฟและเน้นประสิทธิภาพ : App Router, Server Components, Static Rendering—เลือกเครื่องมือที่เหมาะสมสำหรับงานที่เหมาะสม Next-intl ใช้งานได้ทุกที่
การกำหนดเส้นทางที่เป็นสากล : ระบุชื่อพาธที่ไม่ซ้ำกันสำหรับแต่ละภาษา และระบุชื่อพาธเป็นภาษาท้องถิ่นสำหรับการเพิ่มประสิทธิภาพกลไกค้นหา

มันมีลักษณะอย่างไร?

 // UserProfile.tsximport {useTranslations} จาก 'next-intl';
 ส่งออกฟังก์ชันเริ่มต้น UserProfile({user}) {
  const t = useTranslations('โปรไฟล์ผู้ใช้');

   return (<section> <h1>{t('title', {firstName: user.firstName})}</h1> <p>{t('membership', {memberSince: user.memberSince})}</p > <p>{t('ผู้ติดตาม', {จำนวน: user.numFollowers})}</p></section>
  -

 // en.json{
  "โปรไฟล์ผู้ใช้": {"title": "โปรไฟล์ของ {firstName}", "สมาชิก": "เป็นสมาชิกตั้งแต่ {memberSince, วันที่, สั้น}", "ผู้ติดตาม": "{count, พหูพจน์, ↵ =0 {ไม่มีผู้ติดตาม ยัง} ↵ =1 {ผู้ติดตามหนึ่งคน} ↵ ผู้ติดตามอีก {# คน} ↵ }"
  -