Dec 8, 2025 · 8 min read · If you're coming from a React background like me, you might be confused about all these acronyms: CSR, SSR, SSG, ISR... What do they mean? When should you use each one? And most importantly, where does your data actually get fetched? After spending h...
Join discussion
Nov 17, 2025 · 2 min read · 重點：Minified React error #329（Unknown root exit status）常見於 SSR 與 CSR 首次渲染輸出不一致（資料或節點結構不同）。 1. 現象 狀況條件表徵 首次載入/重新整理偶發錯誤無法重現的環境使用慢速網路(3G) + 可重現的環境機率出現Console 拋 #329 首屏閃動 / 全量替換SSR 已渲染列表, CSR 初始為空UI 閃爍/卡住/無動作 浮動元件顯示異常條件 mount 多個節點位置跳動 / 佈局不穩 2...
Join discussionSep 8, 2025 · 6 min read · Websites today are not just simple pages with text. They are apps—interactive, smart, and often as complex as the apps you install on your phone. When you open Instagram in a browser, you don’t just see a single page. The site talks to servers, loads...
Join discussionJul 15, 2025 · 6 min read · Next.js 15+ with the App Router has revolutionized how we build React applications with Server Components by default. However, one of the most misunderstood concepts is how Client Components actually work within Next.js and their relationship with Se...
Join discussionJun 19, 2025 · 2 min read · Ever wondered why Next.js has so many ways to render a page? 🤯 Let me break down CSR, SSR, and SSG with a twist — so you never forget which one to use 💡👇 --- 🧠 1. CSR (Client-Side Rendering) ✨ Magic: The browser says, “I got this!” ⏳ Page loads f...
Join discussion
Jun 15, 2025 · 2 min read · CSR Client Side Rendering (CSR) means the server sends only a basic page, and the browser uses JavaScript to build the actual content. It’s like giving raw ingredients to the browser and asking it to cook the full dish. When you build an app with Re...
Join discussion
Apr 3, 2025 · 4 min read · Code Splitting and Lazy Loading Modern web applications can become large and slow if all the JavaScript is loaded at once. To improve performance, code splitting and lazy loading are used. These techniques help load only the necessary code when requ...
Join discussionMar 19, 2025 · 7 min read · SSR (Server-Side Rendering) vs CSR (Client-Side Rendering) in Angular Rendering is the process of converting code into a visible UI in the browser. In Angular, there are two main rendering strategies: FeatureServer-Side Rendering (SSR)Client-Side...
Join discussionFeb 6, 2025 · 3 min read · 網頁前端 SSR CCR 概念 SSR（伺服器端渲染） 就像媽媽畫畫給你看 當你要看畫時，你打電話給媽媽，媽媽在家裡把畫畫好，然後把這幅已經完成的畫交給你看。你一拿到畫，就馬上可以欣賞到全部的顏色和細節。 優點 一開始你就能看到完整的畫面，因為畫已經畫好了。 搜尋引擎（像是網路上的小偵探）也能很容易看到完整的內容。 缺點 如果每次換一幅畫都要等媽媽重新畫，可能會花比較多時間。 如果很多小朋友同時要媽媽畫畫，媽媽可能會忙不過來（伺服器負擔重）。 CSR（客戶端渲染） 就像你自己拿著顏色筆來畫畫 當...
Join discussionNov 8, 2024 · 7 min read · In the vast landscape of web development, navigating the acronyms CSR, SSR, SSG, and ISR can feel like trying to read a secret code. Yet these techniques are foundational to modern web development, affecting everything from how fast a site loads to h...
IShad commented