設定
Next.js 允許你根據特定需求自訂專案。這包括與 TypeScript、ESlint 等工具的整合,以及內部配置選項,例如絕對路徑導入 (Absolute Imports) 和環境變數 (Environment Variables)。
TypeScript
Next.js 提供了以 TypeScript 為優先的開發體驗,用於構建您的 React 應用程式。
ESLint
Next.js 在構建時預設會回報 ESLint 錯誤與警告。在此了解如何停用此行為。
環境變數 (Environment Variables)
學習如何在 Next.js 應用程式中新增與存取環境變數。
絕對路徑導入與模組路徑別名
設定模組路徑別名,讓您可以重新映射特定導入路徑。
src 目錄
將頁面儲存在 `src` 目錄下,作為根目錄 `pages` 的替代方案。
MDX
了解如何配置 MDX 以便在您的 markdown 文件中撰寫 JSX。
AMP
只需極少配置,無需脫離 React 即可開始添加 AMP,提升頁面效能與載入速度。
Babel
使用自己的配置來擴展 Next.js 所加入的 babel 預設集。
PostCSS
擴充 Next.js 預設的 PostCSS 配置與插件。
自訂伺服器
使用自訂伺服器以程式化方式啟動 Next.js 應用程式。
草稿模式
Next.js 提供了草稿模式功能,可在靜態與動態頁面間切換。您可了解其如何與 Pages Router 協同運作。
錯誤處理
在您的 Next.js 應用程式中處理錯誤
除錯
學習如何使用 VS Code 或 Chrome DevTools 來為您的 Next.js 應用程式進行除錯。
預覽模式 (Preview Mode)
Next.js 為靜態生成頁面提供了預覽模式 (Preview Mode) 功能,您可以在這裡了解其運作原理。
內容安全政策 (Content Security Policy)
了解如何為您的 Next.js 應用程式設定 內容安全政策 (CSP)。