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