サーバー側のレンダリングと静的サイトの生成の組み合わせ

静的サイト生成とサーバー側レンダリングはしばしば混同されますが、同じ問題を解決するための非常に異なるアプローチです。クライアントがそれ自体をロードしてレンダリングする前に、既にレンダリングされたコンテンツをクライアントに提供します。

サーバーサイドレンダリング（SSR）は、HTTP要求に基づいてクライアントにコンテンツをレンダリングするプロセスです。クライアントがリクエストを作成し、サーバーがそれを処理して、レンダリングされたHTMLをクライアントに返します。次に、クライアントはそのHTMLをハイドレイトし、クライアント側のJSアプリをブートストラップします。

静的サイト生成（SSG）は、要求時ではなくビルド時にレンダリングを実行するため、サーバーは追加のレンダリングを実行する必要がなく、要求を非常に迅速に処理できます。ただし、クライアントのハイドレイティングとブートストラップのプロセスは同じです。

SSGには制限があり、レンダリングする前にサーバー側の処理が必要なページは、SSGを使用してもメリットがありません。ただし、サーバー上で要求時にレンダリングする必要があるページのセットは、ほとんどの人が考えるよりも少なくなります。たとえば、SSRを使用する代わりに、事前にレンダリングして、クライアントからAPIリクエストを作成してみませんか？または、従来のexpressjs/etcを実行せずにヘッダーを変更するようにサーバーを構成します。

ページが単にサーバー側でレンダリングされる必要がある場合は、Node.jsベースのサーバーでStencilのハイドレーション機能を使用して実行できます。