指南

使用 Next.js Speed Insights 測量與追蹤頁面效能

了解如何在您的 Next.js 應用程式中實現身份驗證功能。

了解如何設定 CI 以快取 Next.js 建置

了解如何為您的 Next.js 應用程式設定內容安全政策 (CSP)。

在 Next.js 中使用 CSS-in-JS 函式庫

透過自訂伺服器以程式化方式啟動 Next.js 應用程式。

學習如何使用 VS Code、Chrome DevTools 或 Firefox DevTools 來除錯您的 Next.js 應用程式。

Next.js 提供草稿模式功能，可在靜態與動態頁面間切換。您可在此了解如何搭配應用程式路由 (App Router) 使用。

學習如何在 Next.js 應用程式中新增與存取環境變數。

學習如何在 Next.js 中使用 React Server Actions 建立表單。

學習如何透過增量靜態再生 (ISR) 在運行時建立或更新靜態頁面。

了解如何使用 instrumentation 在 Next.js 應用程式伺服器啟動時執行程式碼

透過國際化路由與本地化內容來新增多語言支援。

了解如何在 Next.js 應用程式中加入 JSON-LD，向搜尋引擎和 AI 描述您的內容。

透過延遲載入導入的函式庫和 React 元件，提升應用程式的載入效能。

了解如何使用 Next.js 優化您的本地開發環境。

學習如何配置 MDX 並在 Next.js 應用程式中使用它。

優化應用程式在開發和生產環境中的記憶體使用。

了解如何使用 App Router 建構多租戶應用程式。

學習如何透過 Next.js 多區域功能 (Multi-Zones) 建構微前端，將多個 Next.js 應用程式部署在單一網域下。

了解如何為您的 Next.js 應用程式設定 OpenTelemetry 監測工具。

學習如何優化應用程式的伺服器與客戶端套件包。

在將 Next.js 應用程式投入生產環境前，確保最佳效能和使用者體驗的建議事項。

學習如何使用 Next.js 建構漸進式網路應用程式 (Progressive Web Application, PWA)。

了解 Next.js 中處理重新導向的不同方法。

使用 Sass 來為您的 Next.js 應用程式設定樣式。

使用內建的 Script 元件來最佳化第三方腳本。

學習如何在 Node.js 伺服器、Docker 映像或靜態 HTML 檔案（靜態匯出）上自行託管 Next.js 應用程式。

Next.js 完整支援建構單頁應用程式 (Single-Page Applications, SPA)。

Next.js 允許您從靜態網站或單頁應用程式 (SPA) 開始，之後可選擇升級使用需要伺服器的功能。

使用 Tailwind CSS 來為您的 Next.js 應用程式添加樣式。

使用 `@next/third-parties` 套件來優化應用程式中第三方函式庫的效能。

在 Next.js 應用程式中最佳化影片的建議與最佳實踐。

了解如何從其他主流框架遷移至 Next.js

學習如何使用四種常見的測試工具 — Cypress、Playwright、Vitest 和 Jest — 來設定 Next.js。

了解如何升級至最新版本的 Next.js。