Next.js 14 - 進階課程 培訓

簡介

現代 React

• React 18 和 19 的新增內容
• 現代工具和方法的變更

React 高級 Hooks

• useMemo, useCallback, useDispatch, useRef, useImperativeHandle

React 的併發模式

• 使用 useTransition, useDeferredValue hooks

Next.js 路由

• App Router 和 Pages Router 之間的差異

Next.js 的渲染策略

• 服務器端渲染 vs 單頁應用程序 vs 靜態生成

服務器組件與服務器操作

• 使用 ‘use server’ 和 ‘use client’ 指令

數據抓取與緩存

• 增量靜態再生策略

將 Next.js 用作後端

• Edge Functions 和 Edge Runtime

狀態管理

• React Context, Redux, 以及原子狀態管理 (Zustand)

在 Next.js 中創建模板

• 可重用模板
• 可用的 CSS 方法和模板庫

性能優化

• 改善加載時間並獲得高 Web Core Vitals 評分

儀表化

Next.js 中的測試

Monorepo 策略

• Next.js 與 TurboRepo / Nx

監控、部署與編排

總結與下一步行動