next-intl-add-language
作者: github
為使用 next-intl 國際化的 Next.js 應用程式新增語言。需將 ./messages 目錄中 en.json 的所有條目翻譯成新語言。更新 src/i18n/routing.ts 的路由設定及 src/middleware.ts 的中介軟體,使其能識別新語言。在 src/components/language-toggle.tsx 的語言切換元件中註冊該語言。
npx skills add https://github.com/github/awesome-copilot --skill next-intl-add-languageThis is a guide to add a new language to a Next.js project using next-intl for internationalization,
- For i18n, the application uses next-intl.
- All translations are in the directory
./messages. - The UI component is
src/components/language-toggle.tsx. - Routing and middleware configuration are handled in:
src/i18n/routing.tssrc/middleware.ts
When adding a new language:
- Translate all the content of
en.jsonto the new language. The goal is to have all the JSON entries in the new language for a complete translation. - Add the path in
routing.tsandmiddleware.ts. - Add the language to
language-toggle.tsx.