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

Server Side Render (SSR)

當 user 進到頁面時，畫面會在 Server 端製作，製作過程中也會打 API 獲取最新資料。當畫面與資料製作完成，並傳回 Client 後才會 render。因此畫面是一次到位。

  • 特點一：畫面於 runtime 時，在 Server 製作。
  • 特點二：每次可取得 API 最新資料。
  • 特點三：user 會需要等待 Server 製作完，才一起看到完整畫面。

      • 以下為同支 API 回傳的資料，可以觀察與 CSR/SSR/SSG/ISR 的差異：

    • 名句: 人沒有犧牲就什麼都得不到，為了得到什麼東西，就需要付出同等的代價。
    • 出處： 《鋼之鍊金術師》
    • 名句: 人沒有犧牲就什麼都得不到，為了得到什麼東西，就需要付出同等的代價。
    • 出處： 《鋼之鍊金術師》
    • 名句: 人沒有犧牲就什麼都得不到，為了得到什麼東西，就需要付出同等的代價。
    • 出處： 《鋼之鍊金術師》