構建您的應用程式
Next.js 提供了構建靈活、全端網頁應用程式的基本模組。構建您的應用程式指南將說明如何使用這些功能,以及如何自訂應用程式的行為。
各節內容與頁面按從基礎到進階的順序排列,讓您在構建 Next.js 應用程式時能逐步跟隨。不過,您也可以按任何順序閱讀,或直接跳至符合您使用情境的頁面。
如果您是 Next.js 的新手,我們建議從路由 (Routing)、渲染 (Rendering)、資料獲取 (Data Fetching) 和樣式 (Styling) 章節開始,這些內容介紹了 Next.js 與網頁開發的基本概念,能幫助您快速入門。接著,您可以深入探討其他章節,例如優化 (Optimizing) 和配置 (Configuring)。最後,當您準備好時,可以查看部署 (Deploying) 和升級 (Upgrading) 章節。
路由
學習前端應用程式的路由基礎知識。
資料獲取
了解如何使用 Next.js 獲取、快取、重新驗證及變更資料。
渲染
了解 Next.js 中不同渲染環境、策略與執行階段的差異。
快取
Next.js 快取機制的概觀。
樣式設定
了解為您的 Next.js 應用程式設定樣式的各種方法。
最佳化
為您的 Next.js 應用程式進行最佳化,以獲得最佳效能和使用者體驗。
配置
學習如何配置你的 Next.js 應用程式。
測試
了解如何設定 Next.js 與四種常用測試工具 — Cypress、Playwright、Vitest 和 Jest。
身份驗證 (Authentication)
學習如何在 Next.js 中實作身份驗證,涵蓋最佳實踐、保護路由、授權技術與會話管理 (session management)。
部署
學習如何將您的 Next.js 應用程式部署到生產環境,無論是託管還是自架主機。
升級
了解如何升級至最新版本的 Next.js。