Day 01 - 思維轉型
Next.js 30 天學習筆記系列開篇:探討從 React SPA 邁向 Next.js 全端架構的思維轉型,並引導完成開發環境的初始化與目錄結構解析。
Day 02 - 路由架構
Next.js 30 天學習筆記系列 - 第 02 天:Day 02 - 路由架構:檔案即路徑的設計哲學。深入探討 Next.js 開發實戰技巧。
Day 03 - Layout 與 Template
Next.js 30 天學習筆記系列 - 第 03 天:Day 03 - Layout 與 Template:構建可複用的 UI 架構。深入探討 Next.js 開發實戰技巧。
Day 04 - 混合渲染機制
Next.js 30 天學習筆記系列 - 第 04 天:Day 04 - 混合渲染機制:Server vs Client Components。深入探討 Next.js 開發實戰技巧。
Day 05 - 導覽藝術
Next.js 30 天學習筆記系列 - 第 05 天:Day 05 - 導覽藝術:Link 組件與路由跳轉。深入探討 Next.js 開發實戰技巧。
Day 06 - 資料獲取
Next.js 30 天學習筆記系列 - 第 06 天:Day 06 - 資料獲取:在 Server 端擁抱 async/await。深入探討 Next.js 開發實戰技巧。
Day 07 - 快取與更新
Next.js 30 天學習筆記系列 - 第 07 天:Day 07 - 快取與更新:超直覺的貨架管理學。深入探討 Next.js 開發實戰技巧。
Day 08 - Loading UI
Next.js 30 天學習筆記系列 - 第 08 天:Day 08 - Loading UI 與 Streaming:別讓使用者對著白框發呆。深入探討 Next.js 開發實戰技巧。
Day 09 - 錯誤處理
Next.js 30 天學習筆記系列 - 第 09 天:Day 09 - 錯誤處理:優雅的降級與崩潰防護。深入探討 Next.js 開發實戰技巧。
Day 10 - Server Actions
Next.js 30 天學習筆記系列 - 第 10 天:Day 10 - Server Actions:告別 API Routes 的全端實戰。深入探討 Next.js 開發實戰技巧。
Day 11 - 表單回饋
Next.js 30 天學習筆記系列 - 第 11 天:Day 11 - 表單回饋:用 useActionState 處理驗證與狀態。深入探討 Next.js 開發實戰技巧。
Day 12 - 效能優化
Next.js 30 天學習筆記系列 - 第 12 天:Day 12 - 效能優化:別讓大圖與字體拖垮你的 LCP。深入探討 Next.js 開發實戰技巧。
Day 13 - SEO 優化
Next.js 30 天全端實戰:Day 13 SEO 優化:用 Metadata API 打造搜尋引擎友善的網頁 一、 前言 身為工程師,我們開發出的產品如果搜尋不到,就像是在深海裡開餐廳一樣可惜。傳統 React SPA 最大的痛點就是難以動態更改 資訊,導致 SEO 表現不佳。 Next.js...
Day 14 - 動態路由
Next.js 30 天學習筆記系列 - 第 14 天:Day 14 - 動態路由:打造具備擴充性的 URL 架構。深入探討 Next.js 開發實戰技巧。
Day 15 - Middleware
Next.js 30 天學習筆記系列 - 第 15 天:Day 15 - Middleware:掌握請求的全局控制權。深入探討 Next.js 開發實戰技巧。
Day 16 - 平行路由
Next.js 30 天學習筆記系列 - 第 16 天:Day 16 - 平行路由:解構複雜儀表板的利器。深入探討 Next.js 開發實戰技巧。
Day 17 - 攔截路由
Next.js 30 天學習筆記系列 - 第 17 天:Day 17 - 攔截路由:打造流暢的燈箱與彈窗體驗。深入探討 Next.js 開發實戰技巧。
Day 18 - Route Handlers
Next.js 30 天學習筆記系列 - 第 18 天:Day 18 - Route Handlers:在 Next.js 中建構 RESTful API。深入探討 Next.js 開發實戰技巧。
Day 19 - 身份驗證
Next.js 30 天學習筆記系列 - 第 19 天:Day 19 - 身份驗證:使用 Auth.js 快速實作登入系統。深入探討 Next.js 開發實戰技巧。
Day 20 - 進階身份驗證
Next.js 30 天學習筆記系列 - 第 20 天:Day 20 - 進階身份驗證:自定義 UI 與角色權限管理。深入探討 Next.js 開發實戰技巧。
Day 21 - Prisma
Next.js 30 天學習筆記系列 - 第 21 天:Day 21 - Prisma:讓資料庫操作像寫 JavaScript 一樣直覺。深入探討 Next.js 開發實戰技巧。
Day 22 - 關聯式資料庫實戰
Next.js 30 天學習筆記系列 - 第 22 天:Day 22 - 關聯式資料庫實戰:處理一對多與多對多關係。深入探討 Next.js 開發實戰技巧。
Day 23 - 資料更新與快取同步
Next.js 30 天學習筆記系列 - 第 23 天:Day 23 - 資料更新與快取同步:revalidatePath 與 revalidateTag。深入探討 Next.js 開發實戰技巧。
Day 24 - 效能與體驗
Next.js 30 天學習筆記系列 - 第 24 天:Day 24 - 效能與體驗:實作分頁查詢與無限滾動。深入探討 Next.js 開發實戰技巧。
Day 25 - 互動優化
Next.js 30 天學習筆記系列 - 第 25 天:Day 25 - 互動優化:實作高效能的即時搜尋與防抖機制。深入探討 Next.js 開發實戰技巧。
Day 26 - 檔案處理
Next.js 30 天學習筆記系列 - 第 26 天:Day 26 - 檔案處理:整合 Cloudinary 實現高效圖片上傳。深入探討 Next.js 開發實戰技巧。
Day 27 - 互動極致
Next.js 30 天學習筆記系列 - 第 27 天:Day 27 - 互動極致:使用 useOptimistic 達成零延遲 UI。深入探討 Next.js 開發實戰技巧。
Day 28 - 健壯性
Next.js 30 天學習筆記系列 - 第 28 天:Day 28 - 健壯性:使用 Error Boundaries 與 global-error 處理崩潰。深入探討 Next.js 開發實戰技巧。
Day 29 - 上線最後一哩路
Next.js 30 天學習筆記系列 - 第 29 天:Day 29 - 上線最後一哩路:Vercel 部署與環境變數管理。深入探討 Next.js 開發實戰技巧。
Day 30 - 終章
Next.js 30 天學習筆記系列 - 第 30 天:Day 30 - 終章:回顧、反思與全端工程師的下一步。深入探討 Next.js 開發實戰技巧。