next-intl-add-language について
next-intl を使う Next.js プロジェクトに言語を追加するためのガイドです。翻訳ファイルと更新が必要なアプリ設定を示します。
主な機能
- 01en.json の項目を翻訳
- 02ルーティングとミドルウェアを更新
- 03言語切り替えに追加
活用シーン
- 01言語翻訳を揃える
- 02アプリのルーティングに言語を登録
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ github/ awesome-copilot --skill next-intl-add-languageインストール後、Claude Code で/next-intl-add-languageを入力して読み込まれたか確認します。
詳細
これは、国際化のために next-intl を使用して Next.js プロジェクトに新しい言語を追加するためのガイドです。
- 国際化(i18n)には、アプリケーションは next-intl を使用します。
- すべての翻訳は
./messagesディレクトリにあります。 - UI コンポーネントは
src/components/language-toggle.tsxです。 - ルーティングとミドルウェアの設定は以下で処理されます。
src/i18n/routing.tssrc/middleware.ts
新しい言語を追加する場合:
en.jsonのすべての内容を新しい言語に翻訳します。目標は、完全な翻訳のために、すべての JSON エントリを新しい言語で用意することです。routing.tsとmiddleware.tsにパスを追加します。language-toggle.tsxに言語を追加します。
コメント
Markdown 対応