[影片教學] Nuxt 3 渲染模式 (Rendering Modes) - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2023 iThome 鐵人賽

DAY 14

0

影片教學

Nuxt 3 快速入門系列第 14 篇

[影片教學] Nuxt 3 渲染模式 (Rendering Modes)

15th鐵人賽 nuxt 3 nuxt3 vue.js vue

2023-09-29 19:55:05

418 瀏覽

分享至

👆建議你可以使用影片子母畫面功能或全螢幕播放來獲得最佳的觀賞體驗，👇下方是本篇教學的相關筆記。

客戶端渲染 Client-Side Rendering (CSR)

優點

渲染部分頁面
前後端分離
伺服器負擔較小

缺點

白畫面
SEO

伺服器端渲染 Server-Side Rendering (SSR)

優點

HTML 由後端渲染，客戶端渲染負擔較小
SEO

缺點

頁面重新載入
伺服器端負擔較大

Hydration

Nuxt 3 的渲染模式

通用渲染 (Universal Rendering) 預設模式
產生靜態頁面 (Static Site Generation, SSG)
混合渲染 (Hybrid Rendering)
邊緣渲染 (Edge-Side Rendering, ESR)

感謝大家的閱讀，歡迎大家給予建議與討論，也請各位大大鞭小力一些：）
如果對這個 Nuxt 3 系列感興趣，可以訂閱接收通知，也歡迎分享給喜歡或正在學習 Nuxt 3 的夥伴。

參考資料

Nuxt Rendering Modes

[影片教學] Nuxt 3 Server API

[影片教學] Nuxt 3 資料獲取 (Data Fetching)

系列文

Nuxt 3 快速入門共 30 篇

目錄

RSS系列文訂閱系列文

30 人訂閱

完整目錄

直播研討會

{{ item.subject }}

{{ item.channelVendor }} {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

尚未有邦友留言

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22203 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙