iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2 Like 0 留言 156 瀏覽

鐵人賽 JavaScript DAY 28

30天的 JavaScript 設計模式之旅系列第 28 篇

技術 [Day 28] Static Rendering/Static Site Generation (SSG)

根據前面的介紹，我們知道在 SSR 渲染模式中，如果伺服器遇到高流量請求時，會延後 TTFB 的時間；而 CSR 的缺點則是大型的 JavaScript bun...

Monica ‧ 2024-10-12

0 Like 0 留言 500 瀏覽

鐵人賽 Modern Web DAY 24

React 走出新手村系列第 24 篇

技術 React 走出新手村 — Next SSG

關於渲染的構想 pre-rendering 一直是 Next.js 的核心思想，他們將其分為兩種實作方法，一個是 Rendering，也就是一般的渲染概念，另一...

LucianoLee ‧ 2023-09-24

0 Like 1 留言 9736 瀏覽

鐵人賽 Modern Web DAY 3

製作你的無程式碼(No-code)個人網頁 ft. Next.js, SWR, 串 Youtube, IG, Github, Notion API ～系列第 3 篇

技術 #03 No-code 之旅 — 什麼是 SSG、SSR、CSR、ISR？

嗨大家！連假第一天過得如何？～今天想跟大家分享的主題是各種網頁渲染模式，就是 SSG、SSR、CSR、ISR。長得都差不多，可是細節都不太一樣，在決定要用哪一...

Jade ‧ 2021-09-18

1 Like 0 留言 1490 瀏覽

鐵人賽 Modern Web DAY 28

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

技術 Day 28: 介紹 Vue 的 Server Side Render

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

DanSnow ‧ 2020-10-13

1 Like 0 留言 1398 瀏覽

鐵人賽 Modern Web DAY 27

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

技術 Day 27: Incremental build

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

DanSnow ‧ 2020-10-12

1 Like 0 留言 1268 瀏覽

鐵人賽 Modern Web DAY 26

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

技術 Day 26: 載入圖片

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

DanSnow ‧ 2020-10-11

1 Like 0 留言 1179 瀏覽

鐵人賽 Modern Web DAY 25

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

技術 Day 25: Static Query

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

DanSnow ‧ 2020-10-10

1 Like 0 留言 1291 瀏覽

鐵人賽 Modern Web DAY 24

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

技術 Day 24: 用 GraphQL 取得動態路由

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

DanSnow ‧ 2020-10-09

1 Like 0 留言 1272 瀏覽

鐵人賽 Modern Web DAY 23

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

技術 Day 23: 從檔案載入文章

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

DanSnow ‧ 2020-10-08

1 Like 0 留言 2492 瀏覽

鐵人賽 Modern Web DAY 22

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

技術 Day 22: mdx

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

DanSnow ‧ 2020-10-07

1 Like 0 留言 1284 瀏覽

鐵人賽 Modern Web DAY 21

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

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

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

DanSnow ‧ 2020-10-06

1 Like 0 留言 921 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 Day 19: GraphQL

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

DanSnow ‧ 2020-10-04

1 Like 0 留言 1012 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 Day 18: 進化成 SSG

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

DanSnow ‧ 2020-10-03

1 Like 0 留言 1244 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 Day 17: SSR vs SSG

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

DanSnow ‧ 2020-10-02

1 Like 0 留言 1054 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 Day 16: 重新載入 js

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

DanSnow ‧ 2020-10-01

1 Like 0 留言 1276 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 Day 15: Universal Javascript

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

DanSnow ‧ 2020-09-30

1 Like 0 留言 1524 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 Day 14: 用 Helmet 管理 head 的內容

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

DanSnow ‧ 2020-09-29

1 Like 0 留言 1010 瀏覽

鐵人賽 Modern Web DAY 13

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

技術 Day 13: html 樣版與 eta.js

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

DanSnow ‧ 2020-09-28

1 Like 0 留言 769 瀏覽

鐵人賽 Modern Web DAY 12

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

技術 Day 12: 動態路由

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

DanSnow ‧ 2020-09-27

1 Like 0 留言 1046 瀏覽

鐵人賽 Modern Web DAY 11

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

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

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

DanSnow ‧ 2020-09-26

1 Like 0 留言 1092 瀏覽

鐵人賽 Modern Web DAY 10

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

技術 Day 10: 將我們的 SSG 變成獨立的套件

從這篇開始，程式碼的目錄結構會有很大的變化，在這之前我們都把 SSR 與我們自己的 blog 的程式碼混在一起，但這系列是要做出一個通用的 SSG ，所以之後會...

DanSnow ‧ 2020-09-25

1 Like 0 留言 2806 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 Day 9: 在 Server 使用 Redux

這次因為要做出像在 client 一樣從 API 取得資料，所以上次的 store 不能直接使用，要準備一個新的，不過 Entity Adapter 的部份是可...

DanSnow ‧ 2020-09-24

1 Like 0 留言 2763 瀏覽

鐵人賽 Modern Web DAY 8

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

技術 Day 8: Redux 與準備資料來源的 API

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

DanSnow ‧ 2020-09-23

1 Like 0 留言 1219 瀏覽

鐵人賽 Modern Web DAY 7

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

技術 Day 7: 在 Server 使用 React Router

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

DanSnow ‧ 2020-09-22

1 Like 0 留言 2150 瀏覽

鐵人賽 Modern Web DAY 6

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

技術 Day 6: 介紹 React Router 與實作文章頁面

如果你有寫過 React ，那你很可能會知道 React Router ，它幾乎可說是用 React 寫 SPA 必備的一個函式庫，雖然現在其實還有另一個 @r...

DanSnow ‧ 2020-09-21

1 Like 0 留言 1062 瀏覽

鐵人賽 Modern Web DAY 5

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

技術 Day 5: 實作第一個頁面

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

DanSnow ‧ 2020-09-20

1 Like 0 留言 2023 瀏覽

鐵人賽 Modern Web DAY 4

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

技術 Day 4: 介紹 Server Side Render

React 的 server side renderer 是在 react-dom 這個套件的 react-dom/server 下，API 就只包含 4 個函...

DanSnow ‧ 2020-09-19

1 Like 0 留言 1194 瀏覽

鐵人賽 Modern Web DAY 3

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

技術 Day 3: React 介紹與建構環境

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

DanSnow ‧ 2020-09-18

1 Like 0 留言 1350 瀏覽

鐵人賽 Modern Web DAY 2

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

技術反樸歸真的前端

會取這樣的標題是因為我覺得，原本的網頁只是純粹展示內容的 html ，到後來動態網頁的出現，管理大量的內容可以不用再一個個的檔案維護，而可以交給資料庫與樣版引擎...

DanSnow ‧ 2020-09-17

2 Like 0 留言 2083 瀏覽

鐵人賽 Modern Web DAY 1

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

技術 Day 1: 前言

不知各位有沒有聽過 JAMStack ？ JAMStack 就是 JavaScript, API, Markup 合在一起的一種稱呼，是一種新的(？)或說是幫已...

DanSnow ‧ 2020-09-16

技術 [Day 28] Static Rendering/Static Site Generation (SSG)

技術 React 走出新手村 — Next SSG

技術 #03 No-code 之旅 — 什麼是 SSG、SSR、CSR、ISR？

技術 Day 28: 介紹 Vue 的 Server Side Render

技術 Day 27: Incremental build

技術 Day 26: 載入圖片

技術 Day 25: Static Query

技術 Day 24: 用 GraphQL 取得動態路由

技術 Day 23: 從檔案載入文章

技術 Day 22: mdx

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

技術 Day 19: GraphQL

技術 Day 18: 進化成 SSG

技術 Day 17: SSR vs SSG

技術 Day 16: 重新載入 js

技術 Day 15: Universal Javascript

技術 Day 14: 用 Helmet 管理 head 的內容

技術 Day 13: html 樣版與 eta.js

技術 Day 12: 動態路由

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

技術 Day 10: 將我們的 SSG 變成獨立的套件

技術 Day 9: 在 Server 使用 Redux

技術 Day 8: Redux 與準備資料來源的 API

技術 Day 7: 在 Server 使用 React Router

技術 Day 6: 介紹 React Router 與實作文章頁面

技術 Day 5: 實作第一個頁面

技術 Day 4: 介紹 Server Side Render

技術 Day 3: React 介紹與建構環境

技術 反樸歸真的前端

技術 Day 1: 前言

標記使用者

技術反樸歸真的前端