AI Skills
next-intl-add-language

next-intl-add-language

熱門

在 Next.js + next-intl 應用程式中新增語言

3.6萬星標
4556分支
更新於 2026/7/13
獲取技能源代碼

相關技能

nextjs-supabase-auth4.3萬figma3.4萬react-email1.9萬
SKILL.md
readonlyread-only
name
next-intl-add-language
description

在 Next.js + next-intl 應用程式中新增語言

這是一份在 Next.js 專案中使用 next-intl 進行國際化時，新增語言的指南。

  • 國際化部分，應用程式使用 next-intl。
  • 所有翻譯內容都放在 ./messages 目錄中。
  • UI 元件為 src/components/language-toggle.tsx。
  • 路由與中介軟體設定分別在：
    • src/i18n/routing.ts
    • src/middleware.ts

新增語言時：

  • 將 en.json 的所有內容翻譯成新語言。目標是讓新語言的 JSON 條目完整，以達到完整的翻譯。
  • 在 routing.ts 和 middleware.ts 中加入該語言的路徑。
  • 在 language-toggle.tsx 中加入該語言選項。