完全な SEO 代替機能を備えた 16 言語の Next.js 静的サイトの構築

世界中のプレーヤーにリーチするには、多言語サポートが必要です。 Next.js App Router と next-intl を選択して、16 言語をサポートする静的に生成されたサイトを構築し、サイトマップ内の hreflang 代替リンクを完備しました。

静的エクスポートと代替

私たちのサイトは、Cloudflare CDN で実行できるように完全に静的にコンパイルされます。 すべての言語ページに対して generateStaticParams を定義することにより、Next.js は静的 HTML フォルダーを生成します。 カスタム サイトマップ スクリプトは、すべてのページに言語代替ノードを動的に追加して、国際的な SEO の範囲を最大化します。