聯繫我們

課程簡介

Next.js 14 介紹

  • Next.js 14 有何新功能?
  • 設定開發環境
  • 探索 Next.js 目錄結構與配置

深入瞭解新功能

  • 理解 Middleware 及其應用場景
  • 實作 React Server Components
  • 使用 Edge Functions 以提升效能

建構完整的應用程式

  • 為擴展性規劃 Next.js 專案結構
  • 進階路由與動態頁面
  • 使用 React Context 與 Hooks 進行狀態管理

效能最佳化

  • 最佳化載入時間與 Core Web Vitals 的技巧
  • 圖片最佳化與延遲載入的最佳實務
  • 部署與監控 Next.js 應用程式

除錯與偵錯

  • 常見陷阱與如何避免
  • 有效除錯 Next.js 應用程式
  • 利用 Next.js 社群與資源以獲得持續支援

總結與後續步驟

最低要求

  • 具備 JavaScript ES6 與 React 基礎的紮實理解。
  • 熟悉網頁開發概念與工作流程。
  • 具備伺服器端渲染與靜態站點生成的經驗者佳。

受眾對象

  • 網頁開發人員
  • React 開發人員
  • 技術主管與架構師
 21 小時

課程分類