ในส่วนนี้ เราจะแนะนำคุณตลอดกระบวนการนำความเป็นสากล(i18n) ไปใช้ใน Next.js ใบสมัคร ของคุณ ด้วย i18n คุณสามารถสร้างประสบการณ์หลายภาษาให้กับผู้ใช้และนำเสนอเนื้อหาเฉพาะภาษาได้
การใช้ next-i18next
ห้องสมุด
next-i18next
เป็นไลบรารียอดนิยมสำหรับการปรับใช้ i18n ใน Next.js แอปพลิเคชัน ต่อไปนี้คือวิธีที่คุณสามารถเพิ่ม i18n ลงในแอปพลิเคชันของคุณ:
ติดตั้ง next-i18next
:
กำหนดค่าไลบรารีใน next.config.js
ไฟล์ของคุณ:
สร้างไฟล์การกำหนดค่าชื่อ next-i18next.config.js
:
ใช้ไลบรารีในแอปพลิเคชันของคุณ:
การสร้างเนื้อหาหลายภาษา
หลังจากติดตั้ง next-i18next
คุณสามารถสร้างไฟล์ภาษา เช่น en.json
, เพื่อจัดเตรียมเนื้อหาในแต่ละภาษา fr.json
: es.json
การสลับภาษา
หากต้องการอนุญาตการสลับภาษา คุณสามารถสร้างเครื่องมือสลับภาษาและใช้ i18n.changeLanguage
ฟังก์ชันได้:
บทสรุป
ส่วนนี้แนะนำให้คุณรู้จักกับกระบวนการนำความเป็นสากล(i18n) ไปใช้ใน Next.js แอปพลิเคชันของคุณโดยใช้ next-i18next
ไลบรารี ด้วยการจัดเตรียมเนื้อหาเฉพาะภาษาและการอนุญาตให้ผู้ใช้เปลี่ยนภาษา คุณสามารถสร้างประสบการณ์หลายภาษาที่น่าสนใจสำหรับผู้ใช้ของคุณ