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

0 Like 0 留言 349 瀏覽

鐵人賽 Modern Web DAY 29

react 學習記錄系列第 29 篇

技術 [Day29]我的 react 學習記錄 - SSR & Next.js

這篇文章的主要內容簡單介紹 SSR & Next.js CSR( Client Side Rendering) 在前面有提到 react 是一個 C...

evan_hsu ‧ 2023-10-13

0 Like 0 留言 651 瀏覽

鐵人賽 Vue.js DAY 25

深入 Vue.js 世界 : 30 Days 核心概念與實作系列第 25 篇

技術 DAY 25 - Vue SPA 單頁式/ MPA 多頁式 / Nuxt SSR / CSR

DAY 25 - Vue SPA 單頁式/ MPA 多頁式 / Nuxt SSR / CSR 今日前言接下來會提到 Nuxt 渲染方式，那就不得不提到本身...

阿蘇蘇 ‧ 2023-10-10 ‧團隊大船要開囉

0 Like 0 留言 286 瀏覽

鐵人賽 Modern Web DAY 26

React 走出新手村系列第 26 篇

技術 React 走出新手村 — Next SSR

SSR Next 的 SSR（Server-Side Rendering）的概念是在每個使用者請求時動態產生頁面內容，而不是提前產生靜態 HTML 頁面，這樣頁...

LucianoLee ‧ 2023-09-26

0 Like 0 留言 206 瀏覽

鐵人賽 Software Development DAY 13

軟體開發 - 程式不是會跑就好系列第 13 篇

技術【Day-13】伺服器端渲染(SSR)

文章同步於blog 前言這兩天會講一點架構面的部分，分別是伺服器端渲染(SSR)以及客戶端渲染(CSR) 這次會從維護以及開發的角度分享這兩個架構上的區別以及...

下次一定 ‧ 2023-09-13

1 Like 0 留言 1728 瀏覽

技術 [ Nuxt.js 2.x 系列文章 ] Nuxt.js 專案架設與目錄結構

版本：nuxt 2.15.8 說到 Nuxt，必須先從 Vue.js 說起，Vue.js 為專注在視圖層(View) 的 JS 框架，為 SPA（Singl...

claire chang ‧ 2022-11-21

0 Like 0 留言 1243 瀏覽

鐵人賽 Modern Web DAY 23

擊敗前端面試大作戰！系列第 23 篇

技術 [擊敗前端面試大作戰] client-side-rendering vs server-side-rendering

Client-side Rendering 客戶端渲染 Client-Side Rendering 指的是網頁渲染大部分都透過瀏覽器端來完成，包含其中的邏輯、取...

bywater529 ‧ 2022-10-07

3 Like 0 留言 6206 瀏覽

鐵人賽 Software Development DAY 11

全端工程師生存筆記系列第 11 篇

技術 [面試][前端]如何判斷專案要使用 CSR 還是 SSR？

如果前輩說什麼你就做什麼，長久下來你會失去判斷能力。除非你是草創成員，不然進入一間公司後，往往都是跟著前輩訂下的規則走；大部分的前輩在交接的時候只會說要這...

寶寶出頭天 ‧ 2021-09-26 ‧團隊自虐病友團

0 Like 1 留言 8247 瀏覽

鐵人賽 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 1 留言 1440 瀏覽

鐵人賽 Modern Web DAY 29

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

技術 Day 29: 實作 Vue 的 Server Side Render

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

DanSnow ‧ 2020-10-14

1 Like 0 留言 1260 瀏覽

鐵人賽 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 留言 1132 瀏覽

鐵人賽 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 留言 1122 瀏覽

鐵人賽 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 留言 1022 瀏覽

鐵人賽 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 留言 1132 瀏覽

鐵人賽 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 留言 1115 瀏覽

鐵人賽 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 留言 2184 瀏覽

鐵人賽 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 留言 1141 瀏覽

鐵人賽 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 留言 780 瀏覽

鐵人賽 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 留言 846 瀏覽

鐵人賽 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 留言 1097 瀏覽

鐵人賽 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 留言 853 瀏覽

鐵人賽 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

0 Like 0 留言 2358 瀏覽

鐵人賽 Modern Web DAY 29

關於我用 Laravel 寫 SPA 卻不寫 API 的那檔事系列第 29 篇

技術 Day 29 用 Depictr 做 SSR，解決 Inertia.js 的 SEO 問題

2021/03/19: Depictr 套件目前已停止維護，不建議使用。(哭...) SEO 問題一直都是 SPA 的問題點，不過後來出現了 SSR (S...

Lucas Yang ‧ 2020-10-01

1 Like 0 留言 1114 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 Day 15: Universal Javascript

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

DanSnow ‧ 2020-09-30

1 Like 0 留言 1169 瀏覽

鐵人賽 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 留言 839 瀏覽

鐵人賽 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 留言 8739 瀏覽

鐵人賽 Modern Web DAY 15

前端工程師一起來種一棵後端技能樹吧！系列第 15 篇

技術 [Day 15] Server-Side-Rendering - (2) feat. Next.js

前一天介紹了 SSR 基本概念，今天則是要介紹 React 最有名的 SSR 框架：Next.js。今天不是要來講 Next.js 怎麼使用，畢竟網路上學習資...

莫力全 Kyle Mo ‧ 2020-09-28 ‧團隊不要搶我隊友

1 Like 0 留言 659 瀏覽

鐵人賽 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

3 Like 0 留言 14429 瀏覽

鐵人賽 Modern Web DAY 14

前端工程師一起來種一棵後端技能樹吧！系列第 14 篇

技術 [Day 14] Server-Side-Rendering - (1)

最近在 Frontend 技術圈裡，Server-Side-Rendering（SSR）可說是一個越來越火熱的概念，剛好現在工作上的架構就是使用 Next.j...

莫力全 Kyle Mo ‧ 2020-09-27 ‧團隊不要搶我隊友

1 Like 0 留言 942 瀏覽

鐵人賽 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 留言 964 瀏覽

鐵人賽 Modern Web DAY 10

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

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

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

DanSnow ‧ 2020-09-25

技術 [Day29]我的 react 學習記錄 - SSR & Next.js

技術 DAY 25 - Vue SPA 單頁式/ MPA 多頁式 / Nuxt SSR / CSR

技術 React 走出新手村 — Next SSR

技術 【Day-13】伺服器端渲染(SSR)

技術 [ Nuxt.js 2.x 系列文章 ] Nuxt.js 專案架設與目錄結構

技術 [擊敗前端面試大作戰] client-side-rendering vs server-side-rendering

技術 [面試][前端]如何判斷專案要使用 CSR 還是 SSR？

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

技術 Day 29: 實作 Vue 的 Server Side Render

技術 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 29 用 Depictr 做 SSR，解決 Inertia.js 的 SEO 問題

技術 Day 15: Universal Javascript

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

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

技術 [Day 15] Server-Side-Rendering - (2) feat. Next.js

技術 Day 12: 動態路由

技術 [Day 14] Server-Side-Rendering - (1)

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

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

標記使用者

技術【Day-13】伺服器端渲染(SSR)