跳至內容
搜尋文件...
搜尋...
⌘K
展示
文件
部落格
範本
企業版
搜尋文件...
搜尋...
⌘K
意見回饋
學習
選單
使用 App Router
/app 可用的功能
使用穩定版本
v15.0.0
開始使用
安裝
專案結構
建構您的應用程式
路由
定義路由
頁面
佈局和範本
連結和導覽
錯誤處理
載入 UI 和串流
重新導向
路由群組
專案組織
動態路由
平行路由
攔截路由
路由處理器
中介軟體
國際化
資料提取
資料提取和快取
伺服器動作和變更
增量靜態再生 (ISR)
渲染
伺服器元件
客戶端元件
組合模式
部分預渲染
執行環境
快取
樣式
CSS
Tailwind CSS
Sass
CSS-in-JS
最佳化
圖片
影片
字型
詮釋資料
腳本
套件打包
延遲載入
分析
檢測
OpenTelemetry
靜態資源
第三方函式庫
記憶體使用量
設定
TypeScript
ESLint
環境變數
絕對匯入和模組路徑別名
MDX
src 目錄
自訂伺服器
草稿模式
內容安全策略
除錯
漸進式網頁應用程式 (PWA)
測試
Vitest
Jest
Playwright
Cypress
驗證
部署
上線檢查清單
靜態匯出
多區域
升級
程式碼修改器
版本 15
版本 14
App Router 遷移
從 Create React App 遷移
從 Vite 遷移
範例
API 參考
元件
字型
<Form>
<Image>
<Link>
<Script>
檔案慣例
default.js
error.js
instrumentation.js
layout.js
loading.js
mdx-components.js
middleware.js
not-found.js
page.js
route.js
路由區段設定
template.js
詮釋資料檔案
favicon、icon 和 apple-icon
manifest.json
opengraph-image 和 twitter-image
robots.txt
sitemap.xml
函式
connection
cookies
draftMode
fetch
generateImageMetadata
generateMetadata
generateSitemaps
generateStaticParams
generateViewport
headers
ImageResponse
NextRequest
NextResponse
notFound
permanentRedirect
redirect
revalidatePath
revalidateTag
unstable_after
unstable_cache
unstable_noStore
unstable_rethrow
useParams
usePathname
useReportWebVitals
useRouter
useSearchParams
useSelectedLayoutSegment
使用選定的佈局區段
使用者代理
next.config.js 選項
應用程式目錄 (appDir)
資源前綴 (assetPrefix)
基礎路徑 (basePath)
壓縮 (compress)
跨來源資源共用 (crossOrigin)
CSS 分塊 (cssChunking)
開發指示器 (devIndicators)
輸出目錄 (distDir)
環境變數 (env)
ESLint
到期時間 (expireTime)
匯出路徑映射 (exportPathMap)
產生建置 ID (generateBuildId)
產生 ETag (generateEtags)
headers
HTTP 代理選項 (httpAgentOptions)
圖片 (images)
快取處理器 (cacheHandler)
日誌記錄 (logging)
MDX 遠端伺服器 (mdxRs)
隨需載入項目 (onDemandEntries)
最佳化套件導入 (optimizePackageImports)
輸出 (output)
頁面擴展名 (pageExtensions)
Powered-By 標頭 (poweredByHeader)
部分預渲染 (PPR)
生產環境瀏覽器原始碼對應 (productionBrowserSourceMaps)
React 編譯器 (reactCompiler)
React 最大標頭長度 (reactMaxHeadersLength)
React 嚴格模式 (reactStrictMode)
重新導向 (redirects)
重寫 (rewrites)
Sass 選項 (sassOptions)
伺服器動作 (serverActions)
伺服器組件熱模組替換快取 (serverComponentsHmrCache)
伺服器端外部套件 (serverExternalPackages)
過時時間 (staleTimes)
靜態生成 (staticGeneration)*
結尾斜線 (trailingSlash)
轉譯套件 (transpilePackages)
Turbo
類型化路由 (typedRoutes)
TypeScript
URL 導入 (urlImports)
使用 Lightning CSS (useLightningcss)
Webpack
Web Vitals 歸因 (webVitalsAttribution)
命令列介面 (CLI)
create-next-app
Next.js CLI
Edge 執行環境
建構您的應用程式
路由
頁面和佈局
動態路由
連結和導覽
重新導向
自訂應用程式
自訂文件
API 路由
自訂錯誤
國際化
中介軟體
渲染
伺服器端渲染 (SSR)
靜態網站生成 (SSG)
自動靜態優化
客戶端渲染 (CSR)
Edge 和 Node.js 執行環境
資料提取
getStaticProps
getStaticPaths
表單和變更
getServerSideProps
增量靜態再生 (ISR)
客戶端擷取
樣式
CSS 模組
Tailwind CSS
CSS-in-JS
Sass
最佳化
圖片
字型
腳本
靜態資源
打包
分析
延遲載入
檢測
OpenTelemetry
第三方函式庫
設定
TypeScript
ESLint
環境變數
絕對匯入和模組路徑別名
src 目錄
MDX
AMP
Babel
PostCSS
自訂伺服器
草稿模式
錯誤處理
預覽模式
內容安全策略
除錯
測試
Vitest
Jest
Playwright
Cypress
驗證
部署
上線檢查清單
靜態匯出
多區域
持續整合 (CI) 建置快取
升級
程式碼修改器
從 Pages 到 App
從 Vite 遷移
從 Create React App 遷移
版本 14
版本 13
版本 12
版本 11
版本 10
版本 9
API 參考
元件
字型
<Form>
<Head>
<Image>
<Image> (舊版)
<Link>
<Script>
函式
getInitialProps
getServerSideProps
getStaticPaths
getStaticProps
NextRequest
NextResponse
useAmp
useReportWebVitals
useRouter
使用者代理
next.config.js 選項
資源前綴 (assetPrefix)
基礎路徑 (basePath)
bundlePagesRouterDependencies
壓縮 (compress)
跨來源資源共用 (crossOrigin)
開發指示器 (devIndicators)
輸出目錄 (distDir)
環境變數 (env)
ESLint
匯出路徑映射 (exportPathMap)
產生建置 ID (generateBuildId)
產生 ETag (generateEtags)
headers
HTTP 代理選項 (httpAgentOptions)
圖片 (images)
隨需載入項目 (onDemandEntries)
最佳化套件導入 (optimizePackageImports)
輸出 (output)
頁面擴展名 (pageExtensions)
Powered-By 標頭 (poweredByHeader)
生產環境瀏覽器原始碼對應 (productionBrowserSourceMaps)
React 嚴格模式 (reactStrictMode)
重新導向 (redirects)
重寫 (rewrites)
執行階段設定
伺服器端外部套件 (serverExternalPackages)
結尾斜線 (trailingSlash)
轉譯套件 (transpilePackages)
Turbo
TypeScript
URL 導入 (urlImports)
使用 Lightning CSS (useLightningcss)
Webpack
Web Vitals 歸因 (webVitalsAttribution)
Edge 執行環境
命令列介面 (CLI)
命令列介面 (CLI)
Next.js CLI
架構
無障礙設計
快速重新整理
Next.js 編譯器
支援的瀏覽器
Turbopack
社群
貢獻指南
託管 Next.js (Vercel)
捲動到頂部
建置您的應用程式
...
樣式
...
CSS 模組
CSS 模組
上一頁
樣式
...
下一頁
Tailwind CSS
...
這有幫助嗎？
支援。
傳送