メインコンテンツへスキップ

静的 HTML ファイルにプリレンダリング

buildを静的ホスティングプロバイダでホストしている場合は、react-snapshotまたはreact-snapを使用してアプリケーションの各ルート、または相対的なリンク、のHTMLページを生成できます。これらのページは、JavaScriptバンドルが読み込まれるとシームレスにアクティブ化、つまり「ハイドレイト」されます。

静的ホスティングの外部でも機会があり、ルートの生成とキャッシュ時にサーバーのプレッシャーを軽減できます。

プリレンダリングの主な利点は、JavaScriptバンドルのダウンロードに成功したかどうかに関係なく、各ページのコアコンテンツをHTMLペイロードとともに得られることです。また、各アプリケーションのルートが検索エンジンによってピックアップされる可能性も高くなります。

ほぼ構成ゼロのプリレンダリング(スナップショットとも呼ばれます)の詳細はこちらからご覧いただけます。