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

1 Like 0 留言 174 瀏覽

鐵人賽 JavaScript DAY 29

Vue.js學習中的細節陷阱：30天自我學習指南系列第 29 篇

技術 Day 29: Vue 的不同渲染模式 - CSR、SSR和通用渲染模式

Vue可以用來構建單頁應用程式 (SPA)，打包後的程式碼會完全在瀏覽器上執行，透過 JavaScript 生成 DOM 元素並交由瀏覽器進行呈現(Client...

Rafael ‧ 2024-10-12

2 Like 0 留言 163 瀏覽

鐵人賽 JavaScript DAY 27

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

技術 [Day 27] Server Side Rendering(SSR)、Streaming Server-Side Rendering、Selective Hydration

Server Side Rendering 是最古老的渲染網頁內容的方式之一，今天要介紹它的運作流程與優缺點，另外也會介紹 SSR with hydratio...

Monica ‧ 2024-10-11

2 Like 0 留言 257 瀏覽

鐵人賽 Modern Web DAY 29

為你自己寫 Vue Component 系列第 29 篇

技術 [為你自己寫 Vue Component] 設計 Server Side Rendering（Universal Rendering）友善的元件

在這個系列中，我們一共實作了約 27 種不同的 Atomic Components。但在實際開發上，我們不總是只需要顧好 Client Side Render...

Alex Liu ‧ 2024-10-07

0 Like 0 留言 84 瀏覽

鐵人賽 JavaScript DAY 23

歡迎參加我的原生JS畢業典禮系列第 23 篇

技術【Day22】Vue-SSR：這專案我還要嗎？ft.淺淺談Nuxt.js

接觸過SPA（單頁應用）的世界後，現在來看SSR的資料我感到萬分痛苦…。我們先假想在不久後的將來，也許某天Boss說：「這個系統從SPA改成SSR」我們會想起這...

ivytien ‧ 2024-10-07

0 Like 0 留言 73 瀏覽

鐵人賽 Modern Web DAY 17

前進React 生態系 : 技術應用與概念解析系列第 17 篇

技術 Day 17 - React Server Components 簡介

為什麼需要 Server Components? React Server Components 的誕生是為了進一步提升效能和使用者體驗，解決前端開發中的常見問...

Jaren ‧ 2024-10-01

0 Like 0 留言 87 瀏覽

鐵人賽 Modern Web DAY 16

前進React 生態系 : 技術應用與概念解析系列第 16 篇

技術 Day 16 - 選擇合適的渲染策略：CSR、SSR 和其他渲染方法

前後端合一的 SSR (傳統 SSR) 由後端產生頁面，通常採用 MVC（Model-View-Controller）架構，由後端伺服器來產生完整的 HTML...

Jaren ‧ 2024-09-30

0 Like 0 留言 85 瀏覽

鐵人賽 Modern Web DAY 15

前進React 生態系 : 技術應用與概念解析系列第 15 篇

技術 Day 15 - 掌握 Suspense：優化 React 的 SSR 體驗

React 16 Suspense 和 React Lazy 其實在 React 16 時就有 Suspense，需要搭配 lazy 使用。使用原因是為了優化效...

Jaren ‧ 2024-09-29

1 Like 0 留言 296 瀏覽

鐵人賽 JavaScript DAY 16

前端也可以搞微服務？！前端最複雜的一種架構系列第 16 篇

技術 (十六) 伺服器渲染

伺服器渲染伺服器渲染(Server Side Render，以下簡稱 SSR)，真的是微前端中尷尬又難搞的存在。一般的情況，如果微前端只是單純提供純粹 HTM...

造輪子的竹子 ‧ 2024-08-16

0 Like 0 留言 611 瀏覽

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

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

鐵人賽 Modern Web DAY 26

React 走出新手村系列第 26 篇

技術 React 走出新手村 — Next SSR

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

LucianoLee ‧ 2023-09-26

0 Like 0 留言 304 瀏覽

鐵人賽 Software Development DAY 13

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

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

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

下次一定 ‧ 2023-09-13

1 Like 0 留言 2086 瀏覽

技術 [ 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 留言 1563 瀏覽

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

鐵人賽 Software Development DAY 11

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

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

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

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

0 Like 1 留言 9755 瀏覽

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

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

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

鐵人賽 Modern Web DAY 27

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