Next.js Pages Routerの国際化

はじめに

Next.js Pages Routerアプリケーションの国際化では、getServerSideProps、getStaticProps、および組み込みのi18nルーティングを使用します。Pages Routerは、ロケールプレフィックス付きのファイルシステムルーティング、自動ロケール検出、サーバーサイドデータフェッチングを提供し、多言語アプリケーションの構築を簡単にします。これらのガイドでは、Pages Routerの規約と機能を活用したi18nパターンの実装方法を紹介します。

このアプローチでは、Next.jsの組み込みi18nルーティング設定を使用し、URL内のロケールプレフィックスを自動的に処理します。サーバーサイド関数がロケール固有のコンテンツを取得し、コンポーネントがルーターから取得した現在のロケールに基づいてデータをフォーマットします。

次のステップ

サイドバーを参照して、トピック別のガイドをご覧ください。各ガイドは、問題提起、解決策、ステップバイステップの実装を含む独立した内容となっています。

まず、ロケールベースのルーティングから始めて、Next.jsのi18n設定を構成します。その後、翻訳の読み込みとフォーマットに進みます。ガイドは、Pages Routerを使用したNext.js 12以降を前提としています。