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 的差異：

    • 名句: 人生就是一列開往墳墓的列車，路途上會有很多站，很難有人可以自始至終陪著走完。 當陪你的人要下車時，即使不捨也該心存感激，然後揮手道別。
    • 出處： 《千與千尋》
    • 名句: 人生就是一列開往墳墓的列車，路途上會有很多站，很難有人可以自始至終陪著走完。 當陪你的人要下車時，即使不捨也該心存感激，然後揮手道別。
    • 出處： 《千與千尋》
    • 名句: 人生就是一列開往墳墓的列車，路途上會有很多站，很難有人可以自始至終陪著走完。 當陪你的人要下車時，即使不捨也該心存感激，然後揮手道別。
    • 出處： 《千與千尋》