鐵人檔案
適逢最近被公司委派將其中一個產品的前端框架搬到 Next.js 上，去年年底 Next.js 也迎來了官方稱之為 2016 Next.js 推出以來最大的改版 。接觸 React 一段時間了的我也希望自己對於對於 React.js 和 Next.js ，除了應用外，也能更深入理解背後運作原理與優化機制，因此決定把握鐵人賽的機會，好好和大家一起認識 Next.js 13！
大家好，我是 S.C，八月初偶然在 Youtube 上看到一段影片，提到學習分成三層次 - 自己會、能教會他人、能設計教材，看完蠻有感觸的，因為自踏入程式開發的...
當我聽到一個新名詞，在 dive in 前，第一步我一定會問自己：要怎麼用一句話來解釋這個名詞？所以該怎麼用一句話說明 Next.js 是什麼呢？ 我會說 Ne...
昨天提到 Next.js 的特色之一，是頁面渲染方式預設為 Pre-Rendering。那到底 Pre-Rendering 是什麼呢？優缺點是什麼呢？今天就來好...
昨天介紹完了 Client Side Rendering ( CSR )、Server Side Rendering ( SSR )、與 Static Site...
前四天我們介紹了全端框架的特色，以及 CSR、SSR、SSG 三種網頁渲染方式的比較，今天開始將正式進入 Next.js 13 的介紹啦！ 首先我們先來用 cr...
昨天介紹了如何使用 create-next-app 建立 Next.js 13 專案，假如在 create-next-app 的過程，不知道如何回答跳出的問題，...
介紹完了全端框架的特色、CSR、SSR、SSG 三種網頁渲染方式的比較，以及 create-next-app 的專案架構，今天來看看 Next.js 13 到底...
昨天介紹了 Next.js 13 改版三大核心的第一點 - Compiler Infrastructure 的優化，今天繼續來認識下一個重點：Rendering...
昨天介紹了 App Router 的第一個優點，是能讓專案的檔案結構更加自由。今天接著來分享第二個優點：可以透過特殊檔案 layout.tsx 更簡單地實現 p...
前兩天介紹了 Rendering Infrastructure 優化的其中兩個項目 - 新的路由架構 App Router 與使用 layout.tsx 更簡單...
