mcpField
N
next-intl-add-language

next-intl-add-language

github.com/github開発40.5k9.4k 回インストール1 日前に更新
リポジトリ

next-intl-add-language について

next-intl を使う Next.js プロジェクトに言語を追加するためのガイドです。翻訳ファイルと更新が必要なアプリ設定を示します。

主な機能

  1. 01en.json の項目を翻訳
  2. 02ルーティングとミドルウェアを更新
  3. 03言語切り替えに追加

活用シーン

  1. 01言語翻訳を揃える
  2. 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.ts
    • src/middleware.ts

新しい言語を追加する場合:

  • en.json のすべての内容を新しい言語に翻訳します。目標は、完全な翻訳のために、すべての JSON エントリを新しい言語で用意することです。
  • routing.ts と middleware.ts にパスを追加します。
  • language-toggle.tsx に言語を追加します。

コメント