next-intl

next-intl เป็นไลบรารีสำหรับการทำ internationalization (i18n) ใน Next.js ที่ช่วยให้คุณสร้างเว็บแอปพลิเคชันที่รองรับหลายภาษาได้อย่างง่ายดาย โดยรองรับทั้ง App Router และ Pages Router

การติดตั้ง

การตั้งค่าพื้นฐาน

สร้างไฟล์การตั้งค่าที่ i18n/config.ts:

การสร้าง Middleware

สร้าง middleware ที่ middleware.ts ในโฟลเดอร์ root:

การสร้าง Translation Messages

สร้างไฟล์ messages ที่ messages/en.json และ messages/th.json:

การใช้งานใน Component

ใช้ useTranslations hook ใน component:

ข้อดีของ next-intl

1. Type Safety รองรับ TypeScript อย่างเต็มรูปแบบ
2. App Router Support ออกแบบมาสำหรับ Next.js App Router โดยเฉพาะ
3. SEO Friendly จัดการ metadata และ alternate links ให้อัตโนมัติ
4. Flexible Architecture รองรับทั้ง client และ server components

แหล่งข้อมูลเพิ่มเติม

เอกสารอย่างเป็นทางการ

• next-intl Documentation - คู่มือครบถ้วนและ API reference
• next-intl GitHub Repository - ซอร์สโค้ดและตัวอย่าง
• next-intl Examples - ตัวอย่างการใช้งาน

แนะนำสำหรับการเรียนรู้เพิ่มเติม

• next-intl Blog - อัปเดตและแนวทางปฏิบัติที่ดี
• Internationalization in Next.js - คู่มือ i18n ของ Next.js
• ICU Message Format - ไวยากรณ์การจัดรูปแบบข้อความ