鐵人檔案
潛水了一年，終於鼓起勇氣第二次挑戰鐵人賽。
這次將延續前一次的主題，從 React 繼續往 Next.js 學習。雖然主題不同，但是核心目標不變，一樣是希望自己能透過這三十天的挑戰，「不只要會用，還要真的懂」。另外這次預計還會搭配實作去觀察、了解 Next.js，以達成「真的懂」的目標！
雖然男主角變成 Next.js 了，畫面會以 Next.js 為主，但是 React 依然會時不時地出現。
這 30 天，就讓我們一起和 Next.js 及 React 好好相處吧 :)
昨天雖然成功用純 React 實作出 SSR 和 SSG 了，但實際上還是有很多需要調整的地方，而且也只是一個很簡易的小實作而已，如果要拿來當作一個完整專案來使...
昨天看了要怎麼用 Next.js 使用不同的渲染模式，今天我們接著從渲染模式延伸，往不同的角度下去認識 Next.js。 Next.js 的初始渲染模式是 SS...
延續前面提到的 Static 和 Dynamic，今天我們來看一下和 Static 和 Dynamic 有關聯的一個主題，那就是「Cache」。為什麼說是有關連...
今天我們再來繼續看 Next.js 另外兩個層級的 Cache，也就是「Data Cache」和「Router Cache」。在正式進入今天的內容前，我們先來快...
之前我們已經看了幾種不同的渲染模式，例如 SSR、CSR、SSG 與 ISR，也了解 RSC 是什麼了。今天我們接著來看看與這些渲染模式有著密不可分的角色「Ro...
昨天我們快速回顧了 React 的 Router，也看了 Page Router 和 App Router 的 Router 定義方式，了解到在 Next.js...
在進行前端專案的開發時，常常都會利用 layout 讓頁面整體的架構固定下來，並且將共用邏輯集中在 layout 處，使整體的頁面架構更好維護及開發。layou...
昨天我們介紹了如何使用 layout 來建立共用的頁面架構，今天要接著來看另一個與路由系統密切相關的重要功能，那就是「內部連結（<Link>）」的使...
今天我們接著來看另一個當我們在初期設置專案時，會特別去設定的的部分，那就是「客製化錯誤頁面」。 我們一樣會先看 React 的部分，再看回來 Next.js 的...
這幾天陸續看了一些在使用 Router 時，很常會遇到的一些使用情境，今天接著另一個在專案內也很常會需要處理的情境，那就是「頁面的權限控制」。 為什麼需要頁面的...
