Next.js Pagesルーター向けi18n

はじめに

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

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

次のステップ

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

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