可點擊各個按鈕,觀察 CSR / SSR / SSG / ISR render 的差異,也可 reload page 試試效果。

Client Side Render (CSR)

當每次 user 進到頁面時,畫面開始在 Client 端製作並 render,API 資料也是在 Client 才獲取(可以看到 Loading 被替換),因此畫面並非一次到位,而是批次到位。

  • 特點一:畫面於 runtime 時,在 Client 製作。
  • 特點二:每次可取得 API 最新資料。
  • 特點三:user 可以很快看到畫面,但畫面是漸變,非一次到位。
    • 以下為同支 API 回傳的資料,可以觀察與 CSR/SSR/SSG/ISR 的差異:

    • 名句:Loading...
    • 出處:Loading...
    • 名句:Loading...
    • 出處:Loading...
    • 名句:Loading...
    • 出處:Loading...