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 ↗
⚠ インストールには open-source 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`.