React Router向けi18n

はじめに

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

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

次のステップ

サイドバーを閲覧して、トピック別のガイドを探索してください。各ガイドは問題提起、解決策、段階的な実装を含む独立したコンテンツです。

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