Web & Frontendlow risk

next-intl-add-language

Add new language to a Next.js + next-intl application

github/awesome-copilot·skills/next-intl-add-language/SKILL.md
80/ 100品質分
↓

匯入這個 Skill

選擇你的 coding agent，複製專案級或個人級安裝指令。

固定至平台收錄的 commit
匯入目前專案.agents/skills/next-intl-add-language
npx skills add https://github.com/github/awesome-copilot/tree/0aaced533251f5b86c69dfbc5e55db74c4b4d1af/skills/next-intl-add-language -a codex -y
匯入個人環境~/.agents/skills/next-intl-add-language
npx skills add https://github.com/github/awesome-copilot/tree/0aaced533251f5b86c69dfbc5e55db74c4b4d1af/skills/next-intl-add-language -a codex -g -y
手動放置目錄.agents/skills/next-intl-add-languageOfficial docs ↗
匯入目前專案.claude/skills/next-intl-add-language
npx skills add https://github.com/github/awesome-copilot/tree/0aaced533251f5b86c69dfbc5e55db74c4b4d1af/skills/next-intl-add-language -a claude-code -y
匯入個人環境~/.claude/skills/next-intl-add-language
npx skills add https://github.com/github/awesome-copilot/tree/0aaced533251f5b86c69dfbc5e55db74c4b4d1af/skills/next-intl-add-language -a claude-code -g -y
手動放置目錄.claude/skills/next-intl-add-languageOfficial docs ↗
匯入目前專案.agents/skills/next-intl-add-language
npx skills add https://github.com/github/awesome-copilot/tree/0aaced533251f5b86c69dfbc5e55db74c4b4d1af/skills/next-intl-add-language -a github-copilot -y
匯入個人環境~/.copilot/skills/next-intl-add-language
npx skills add https://github.com/github/awesome-copilot/tree/0aaced533251f5b86c69dfbc5e55db74c4b4d1af/skills/next-intl-add-language -a github-copilot -g -y
手動放置目錄.agents/skills/next-intl-add-languageOfficial docs ↗
匯入目前專案.agents/skills/next-intl-add-language
npx skills add https://github.com/github/awesome-copilot/tree/0aaced533251f5b86c69dfbc5e55db74c4b4d1af/skills/next-intl-add-language -a cursor -y
匯入個人環境~/.cursor/skills/next-intl-add-language
npx skills add https://github.com/github/awesome-copilot/tree/0aaced533251f5b86c69dfbc5e55db74c4b4d1af/skills/next-intl-add-language -a cursor -g -y
手動放置目錄.agents/skills/next-intl-add-languageOfficial docs ↗
匯入目前專案.agents/skills/next-intl-add-language
npx skills add https://github.com/github/awesome-copilot/tree/0aaced533251f5b86c69dfbc5e55db74c4b4d1af/skills/next-intl-add-language -a gemini-cli -y
匯入個人環境~/.gemini/skills/next-intl-add-language
npx skills add https://github.com/github/awesome-copilot/tree/0aaced533251f5b86c69dfbc5e55db74c4b4d1af/skills/next-intl-add-language -a gemini-cli -g -y
Native Gemini CLIgemini skills install https://github.com/github/awesome-copilot.git --scope workspace --path skills/next-intl-add-language
手動放置目錄.agents/skills/next-intl-add-languageOfficial docs ↗
⚠ 安裝指令使用開源 skills CLI。執行前請檢查來源、腳本與權限。

Skill 指令

在 GitHub 查看原始檔案 ↗
This 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.ts`
  - `src/middleware.ts`

When adding a new language:

- Translate all the content of `en.json` to 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.ts` and `middleware.ts`.
- Add the language to `language-toggle.tsx`.