React Router向けi18n

はじめに

React Routerアプリケーションの国際化には、ロケール対応ルーティング、コンテンツ読み込み、フォーマット処理が必要です。React Router v7は、i18nパターンと自然に統合されるネストされたルーティング、ローダー、アクションを提供します。これらのガイドでは、クライアントサイドレンダリングとサーバーサイドレンダリングの両方で機能するパターンを使用して、多言語React Routerアプリケーションを構築する方法を示します。

このアプローチは、URLベースのロケールセグメントを中心としており、各言語バージョンが独自の共有可能なURLを持つことができます。ローダーはロケール固有のコンテンツを取得し、コンポーネントはユーザーの設定に従ってデータをフォーマットします。

次のステップ

サイドバーを参照して、トピック別のガイドを確認してください。各ガイドは、問題の説明、解決策、ステップバイステップの実装を含む独立したものです。

ロケールベースのルーティングから始めて、URL構造を設定します。次に、翻訳の読み込みとフォーマットに進みます。ガイドは、ファイルベースまたは設定ベースのルーティングを使用するReact Router v7を前提としています。