Girish Lade.
Web Architecture公開日 2026-11-026 分で読めます

AstroとReactアイランドによる9言語対応静的サイトアーキテクチャ

実行時オーバーヘッドを排除し、完全な静的事前ビルドとSEO最適化(hreflang)を実現した多言語ポートフォリオの設計。

多くの多言語サイトは、クライアントサイドで巨大な翻訳JSONを読み込むため表示が重くなりがちです。

本ポートフォリオでは、Astroの静的生成機能を活用し、英語、日本語、韓国語、中国語、ロシア語、ポルトガル語、トルコ語、フランス語、スペイン語の全9言語をビルド時に完全HTML化しています。

ビルド時完全レンダリングによる高速化

ユーザーがアクセスした時点で翻訳済みのHTMLが届くため、テキストのちらつきや遅延が一切ありません。

検索エンジンに正確に伝えるhreflangタグ

すべてのページに9言語相互のhreflang代替リンクを自動出力し、各国の検索エンジンが適切な言語版をインデックスできるよう最適化しています。