鐵人檔案
適逢最近被公司委派將其中一個產品的前端框架搬到 Next.js 上，去年年底 Next.js 也迎來了官方稱之為 2016 Next.js 推出以來最大的改版 。接觸 React 一段時間了的我也希望自己對於對於 React.js 和 Next.js ，除了應用外，也能更深入理解背後運作原理與優化機制，因此決定把握鐵人賽的機會，好好和大家一起認識 Next.js 13！
昨天我們介紹了 Server Components 和 Client Compnents 是什麼，這時你可能會問，所以使用 Server Components...
認識完了 Server Components 和 Clients Components 是什麼，以及兩者的使用時機後，今天要跟大家分享兩者使用上有什麼需要注意的...
昨天分享了兩個，假如 components 中同時要有 Client Components 和 Server Components ，如何組合兩者官方提供的 b...
還記得 Day 11 我們有提到，假如要使用 client-only 的 features 時 (ex: window, local storage 等 )，...
解決了 local storage 呼叫環境以及 server render 內容和 client 內容不一致的問題後，我們來看另個問題： 假如今天網頁是 P...
昨天介紹了使用 loading.tsx 和 <Suspense>可以在頁面或某個 components 還沒載入完成時，頁面先顯示一個替代的 UI，...
了解如何使用 Client Components 和 Server Components 後，我們接著來認識 App Router 的另一大重點 - Routi...
昨天最後有提到，假設我們希望某個 route segment 的 children segments 之間，可以共用一個 component，比方說 /dash...
Day 17 我們介紹了 App Router 的基本路由定義方式，簡單來說，當 /app 中的資料夾裡有 page.tsx 時，Next.js 就會以該資料夾...
Client-side navigation 一直是 SPA ( Single Page Application ) 的一大特色。可以讓使用者拜訪其他頁面時，瀏...
