第十五屆 冠軍

web
深入淺出,完整認識 Next.js 13 !
S.C

系列文章

DAY 1

Day 01 - 參賽動機 & 前言

大家好,我是 S.C,八月初偶然在 Youtube 上看到一段影片,提到學習分成三層次 - 自己會、能教會他人、能設計教材,看完蠻有感觸的,因為自踏入程式開發的...

DAY 2

Day 02 - 認識 Next.js,什麼是全端框架?

當我聽到一個新名詞,在 dive in 前,第一步我一定會問自己:要怎麼用一句話來解釋這個名詞?所以該怎麼用一句話說明 Next.js 是什麼呢? 我會說 Ne...

DAY 3

Day 03 - 什麼是網頁渲染 ( Rendering )?CSR、SSR、SSG、ISR 有什麼差別?

昨天提到 Next.js 的特色之一,是頁面渲染方式預設為 Pre-Rendering。那到底 Pre-Rendering 是什麼呢?優缺點是什麼呢?今天就來好...

DAY 4

Day 04 - 該怎麼知道網站是 CSR 還是 Pre-Rendering 呢?

昨天介紹完了 Client Side Rendering ( CSR )、Server Side Rendering ( SSR )、與 Static Site...

DAY 5

Day 05 - 如何建立 Next.js 13 專案?問題選項該怎麼選?

前四天我們介紹了全端框架的特色,以及 CSR、SSR、SSG 三種網頁渲染方式的比較,今天開始將正式進入 Next.js 13 的介紹啦! 首先我們先來用 cr...

DAY 6

Day 06 - Next.js 13 專案架構介紹,各檔案資料夾該放在哪裡?

昨天介紹了如何使用 create-next-app 建立 Next.js 13 專案,假如在 create-next-app 的過程,不知道如何回答跳出的問題,...

DAY 7

Day 07 - Turbopack 是什麼?

介紹完了全端框架的特色、CSR、SSR、SSG 三種網頁渲染方式的比較,以及 create-next-app 的專案架構,今天來看看 Next.js 13 到底...

DAY 8

Day 08 - App Router 是什麼?

昨天介紹了 Next.js 13 改版三大核心的第一點 - Compiler Infrastructure 的優化,今天繼續來認識下一個重點:Rendering...

DAY 9

Day 09 - Persistent Layout 是什麼?要怎麼在 App Router 中實踐?

昨天介紹了 App Router 的第一個優點,是能讓專案的檔案結構更加自由。今天接著來分享第二個優點:可以透過特殊檔案 layout.tsx 更簡單地實現 p...

DAY 10

Day 10 - Server Components 是什麼?跟 Server Side Rendering 一樣嗎?

前兩天介紹了 Rendering Infrastructure 優化的其中兩個項目 - 新的路由架構 App Router 與使用 layout.tsx 更簡單...