iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

從 0 開始建一個 Static Site Generator 系列

這系列主要會從 0 開始打造一個建立在 React 之上的 Static Site Generator ,在這過程中我們可以認識到 server render 究竟是如何實作的,了解如何寫出同時支援 Server Side Render 與 Client Side Render 的程式,也會碰到一些 GraphQL ,一步步的打造出我們自己的 Static Site Generator,再看看 `Gatsby` 還有什麼不錯的功能,也把它給抄過來,最後也會來提一下 Vue 的 server render 要怎麼直接使用

鐵人鍊成 | 共 30 篇文章 | 10 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day 21: 用 GraphQL 載入動態頁面的資料

這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...

2020-10-06 ‧ 由 DanSnow 分享
DAY 22

Day 22: mdx

這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...

2020-10-07 ‧ 由 DanSnow 分享
DAY 23

Day 23: 從檔案載入文章

這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...

2020-10-08 ‧ 由 DanSnow 分享
DAY 24

Day 24: 用 GraphQL 取得動態路由

這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...

2020-10-09 ‧ 由 DanSnow 分享
DAY 25

Day 25: Static Query

這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...

2020-10-10 ‧ 由 DanSnow 分享
DAY 26

Day 26: 載入圖片

這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...

2020-10-11 ‧ 由 DanSnow 分享
DAY 27

Day 27: Incremental build

這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...

2020-10-12 ‧ 由 DanSnow 分享
DAY 28

Day 28: 介紹 Vue 的 Server Side Render

雖然一開始說 Vue 因為有 Single File Component ,所以要 Server Side Render 可能會碰到需要用 bundler 的情...

2020-10-13 ‧ 由 DanSnow 分享
DAY 29

Day 29: 實作 Vue 的 Server Side Render

這篇的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-generat...

2020-10-14 ‧ 由 DanSnow 分享
DAY 30

Day 30: 更多的 Vue SSR

這篇程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-generato...

2020-10-15 ‧ 由 DanSnow 分享