CSR Demo
SSR Demo
SSG Demo
ISR Demo
可點擊各個按鈕,觀察 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...