ブラウザ サ
ー
バ
ー
example.com
リクエスト
html
をかえす
ex.
intex.html
html
を読み込む
JS
バンドルを
example.com/main.js
をリクエス
ト
Javascript
バンドルのファイルをかえす
JS
ファイルを読み込む
デ
ー
タベ
ー
ス
Isomophic SSR
モデル
Slide 14
Slide 14 text
サ
ー
バ
ー
example.com/engineercafe
リクエスト
json
等を送る
ブラウザ
React server
runtime
DB
loading state
変化した部分の
html
を
送る
前の続き
Slide 15
Slide 15 text
• SSR
モデルでは静的
html
を
CDN
におけない
CSR
モデルでは
CDN
に置けていたがリクエ
ストにすぐ答えらたが
良くないかもしれない点
Slide 16
Slide 16 text
ブラウザ サ
ー
バ
ー
example.com
リクエスト
html
をかえす
ex.
intex.html
json
かえす
html
を読み込む
JS
バンドルを
example.com/main.js
をリクエスト
(
ここがサ
ー
バ
ー
アイランドの部分)
db
完成したペ
ー
ジを表示する
.!!!!
Server Island
サ
ー
バ
ー
静的
html
を送り返す
Astro server
runtime
server
island
の部分
の
html
とか
えす