系列文章
【Day 1】為什麼要從 React 學 Next？為什麼不只要會用，還要真的懂？
大家好！我是從韓文領域不務正業到軟體產業的文科少女，目前仍然在前端的世界緩慢地努力中。先自首自己是懶鬼，第一篇直接用了上次參賽的標題改了，不過這次參賽還一樣也有...
【Day 2】什麼是 Next.js？與 React 有何不同？
在正式開始來看 Next.js 的更多細節內容前，先來認識一下 Next.js 是什麼以及與 React 的差異，來小小的暖身一下吧！ React.js 是什麼...
【Day 3】CSR vs SSR：瀏覽器渲染到伺服器渲染
昨天已經先了解了 React 和 Next.js 的關係和差異後，接著我們再進入一個深入認識 Next.js 之前需要先了解的渲染模式的部分。今天先來看看我們平...
【Day 4】SSG vs ISR：從純靜態頁面到可自動更新的靜態頁面
今天我們一樣不會直接進入 Next.js 的世界，而是從回顧什麼是 SSR 開始來看 SSG 和 ISR 這兩種網頁渲染模式。(前提說明：這篇是之前在自己的部落...
【Day 5】一樣不一樣？ React Server Component (RSC) vs SSR
這幾天看了一些很常見的渲染模式，像是 CSR、SSR 等，接著讓我們開始和男主角 Next.js 有進一步地接觸，來了解和 Next.js 有關聯的一種 com...
【Day 6】讓靜態頁面活起來的關鍵 - Hydration
在 Next.js 框架中使用 SSG 或 SSR 時，使用者首次進到畫面時看到的是伺服器產生的 HTML，但是這個 HTML 只是一個靜態的頁面，也就是說他只...
【Day 7】Hydration 失敗了！？ - Next.js 常見錯誤 Hydration Mismatch
昨天我們已經看了什麼是 Hydraion 了，今天接著來看在 Next.js 框架中和 Hydration 有關聯的一種常見錯誤。 看錯誤內容應該不難理解這是和...
【Day 8】在 SSR 下，讓畫面分批顯示的魔法 - Streaming
我們在前幾天已經看了讓畫面可以有互動的 Hydration，在認識 Hydration 的同時，我們也有聊到 Hydration 可能會造成的效能問題，以及可以...
【Day 9】Next.js 的實驗性功能：兼顧效能及操作性的 Partial Prerendering
這幾天陸續看了 Hydration 和 Streaming，也去了解到 Hydration 有可能會造成什麼樣的效能問題，以及可以用什麼方法處理 Hydrati...
【Day 10】SSR 一定要用 Next.js ？能用 React 實作 SSR、SSG 嗎？
這幾天我們陸續了解了各種渲染模式，也從渲染模式延伸到 Hydration、Streaming 等內容，今天讓我們再把鏡頭轉給第二男主角一下下，來看看是不是也能用...