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 11

Day 11: 基於檔案系統的路由

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

2020-09-26 ‧ 由 DanSnow 分享
DAY 12

Day 12: 動態路由

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

2020-09-27 ‧ 由 DanSnow 分享
DAY 13

Day 13: html 樣版與 eta.js

目前我們產生的 html 是寫死在程式中的,這篇要來讓使用者可以透過 ejs 的方式寫自己的樣版,不過我們實際要用的樣版引擎不是 ejs 而是 eta.js ,...

2020-09-28 ‧ 由 DanSnow 分享
DAY 14

Day 14: 用 Helmet 管理 head 的內容

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

2020-09-29 ‧ 由 DanSnow 分享
DAY 15

Day 15: Universal Javascript

在 SSR 誕生時就出現了一種對於某種程式碼的稱呼 Isomorphic Javascript ,這種程式碼會把與環境相關的部份包裝成同樣的 API ,並靠著...

2020-09-30 ‧ 由 DanSnow 分享
DAY 16

Day 16: 重新載入 js

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

2020-10-01 ‧ 由 DanSnow 分享
DAY 17

Day 17: SSR vs SSG

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

2020-10-02 ‧ 由 DanSnow 分享
DAY 18

Day 18: 進化成 SSG

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

2020-10-03 ‧ 由 DanSnow 分享
DAY 19

Day 19: GraphQL

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

2020-10-04 ‧ 由 DanSnow 分享
DAY 20

Day 20: 產生 GraphQL schema

前一篇中直接把 schema 跟取得資料的 API 直接寫在 config.js 中,這篇要來實作在 Gatsby 中類似那種 createNode 的 API...

2020-10-05 ‧ 由 DanSnow 分享