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

Static Site Generate (SSG)

當每次 user 進到頁面時，取得已經在 build time 製作好的靜態檔案並 render，因此畫面一次到位，且資料不會在 runtime 更新。

  • 特點一：畫面於 build time 時，在 Server 製作。
  • 特點二：不會在 runtime 更新資料。
  • 特點三：user 可以很快速的一次看到完整畫面。

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

    • 名句: 能夠殺死別人的力量，擁有那種力量的人是不幸的，無論他使用的是何種方法，建立在殺人之上的幸福不可能是真正的幸福。
    • 出處： 《死亡筆記本》
    • 名句: 能夠殺死別人的力量，擁有那種力量的人是不幸的，無論他使用的是何種方法，建立在殺人之上的幸福不可能是真正的幸福。
    • 出處： 《死亡筆記本》
    • 名句: 能夠殺死別人的力量，擁有那種力量的人是不幸的，無論他使用的是何種方法，建立在殺人之上的幸福不可能是真正的幸福。
    • 出處： 《死亡筆記本》