系列文章
Day 01 - 參賽動機 & 前言
大家好，我是 S.C，八月初偶然在 Youtube 上看到一段影片，提到學習分成三層次 - 自己會、能教會他人、能設計教材，看完蠻有感觸的，因為自踏入程式開發的...
Day 02 - 認識 Next.js，什麼是全端框架？
當我聽到一個新名詞，在 dive in 前，第一步我一定會問自己：要怎麼用一句話來解釋這個名詞？所以該怎麼用一句話說明 Next.js 是什麼呢？ 我會說 Ne...
Day 03 - 什麼是網頁渲染 ( Rendering )？CSR、SSR、SSG、ISR 有什麼差別？
昨天提到 Next.js 的特色之一，是頁面渲染方式預設為 Pre-Rendering。那到底 Pre-Rendering 是什麼呢？優缺點是什麼呢？今天就來好...
Day 04 - 該怎麼知道網站是 CSR 還是 Pre-Rendering 呢？
昨天介紹完了 Client Side Rendering ( CSR )、Server Side Rendering ( SSR )、與 Static Site...
Day 05 - 如何建立 Next.js 13 專案？問題選項該怎麼選？
前四天我們介紹了全端框架的特色，以及 CSR、SSR、SSG 三種網頁渲染方式的比較，今天開始將正式進入 Next.js 13 的介紹啦！ 首先我們先來用 cr...
Day 06 - Next.js 13 專案架構介紹，各檔案資料夾該放在哪裡？
昨天介紹了如何使用 create-next-app 建立 Next.js 13 專案，假如在 create-next-app 的過程，不知道如何回答跳出的問題，...
Day 07 - Turbopack 是什麼？
介紹完了全端框架的特色、CSR、SSR、SSG 三種網頁渲染方式的比較，以及 create-next-app 的專案架構，今天來看看 Next.js 13 到底...
Day 08 - App Router 是什麼？
昨天介紹了 Next.js 13 改版三大核心的第一點 - Compiler Infrastructure 的優化，今天繼續來認識下一個重點：Rendering...
Day 09 - Persistent Layout 是什麼？要怎麼在 App Router 中實踐？
昨天介紹了 App Router 的第一個優點，是能讓專案的檔案結構更加自由。今天接著來分享第二個優點：可以透過特殊檔案 layout.tsx 更簡單地實現 p...
Day 10 - Server Components 是什麼？跟 Server Side Rendering 一樣嗎？
前兩天介紹了 Rendering Infrastructure 優化的其中兩個項目 - 新的路由架構 App Router 與使用 layout.tsx 更簡單...