SSR と SPA

同じ「おみくじ」を2方式で作り、HTMLの中身の違いを開発者ツールの 「ソース表示」と「ネットワーク」で見比べる。

SSR（サーバーサイドレンダリング）

サーバーが完成したHTMLを返す。ページのソースに結果が既に埋まっている。

SPA（シングルページアプリケーション）

サーバーは空の器＋JavaScriptを返し、結果はブラウザ上のJSが後から埋める。 ページのソースには結果が入っていない（JSが動いて初めて表示される）。

ここに結果が表示されます