鐵人檔案
適逢最近被公司委派將其中一個產品的前端框架搬到 Next.js 上，去年年底 Next.js 也迎來了官方稱之為 2016 Next.js 推出以來最大的改版 。接觸 React 一段時間了的我也希望自己對於對於 React.js 和 Next.js ，除了應用外，也能更深入理解背後運作原理與優化機制，因此決定把握鐵人賽的機會，好好和大家一起認識 Next.js 13！
昨天最後提到，Next 有提供幾個「功能性路由」，可以在不影響 URL 的前提下，享受 Next 針對提升路由開發體驗的機制。今天來分享第一個情境： 分類路由...
假如我們今天要做一個 dashboard，頁面上包含全域共用的 Header，以及 數據分析 和 團隊介紹 兩個區塊，大致 layout 如下： 很直覺地，可能...
既然 Next.js 內建後端環境，除了處理 Pre-Rendering 和 Server Components 外，還有其他功能可以善用 server 來處理...
昨天介紹了如何在 <form> 的表單提交後，透過 action prop 觸發 Server Actions。但假如今天表單中不只一個按鈕，我希望...
了解如何搭配表單，和在表單以外觸發 Server Actions 後，我們來嘗試理解它背後的原理，以及目前版本，使用 Server Actions 可能存在的資...
根據 Web Almanac 2022 年的統計，網頁的圖片大小佔整體網頁檔案大小，中位數超過 6 成。而 JavaScipt 則佔近 3 成。(圖片來源：ht...
昨天有提到，根據統計，圖片和 JavaScript 為整體網頁檔案大小佔比的前兩名，兩者加起來佔了近九成。 認識 Next 針對圖片優化推出的 componen...
假如有閱讀前 27 天文章的讀者，可能會發現快取 ( Caching ) 這個詞時常出現在文章中，像是 Day 03 提到 ISR 會快取渲染結果；Day11...
時間過得很快，也來到本系列文章的倒數第二篇。 昨天介紹了 Next 快取機制的前兩層 - Data Cache 和 Request Memoization。兩者...
不知不覺，也來到今年鐵人賽的最後一篇文章。在今天的內容開始前，先快速回顧一下過去 29 天的內容： 首先我們認識了 Next.js 13 主要的三項改版內容：...
