跳到内容
搜索文档...
搜索...
⌘K
展示
文档
博客
模板
企业版
搜索文档...
搜索...
⌘K
反馈
学习
菜单
使用 App Router
/app 中可用的功能
使用最新版本
15.3.0
开始使用
安装
项目结构
布局和页面
图像和字体
CSS
获取数据
更新数据
错误处理
元数据和 OG 图像
升级
指南
构建您的应用程序
路由
布局和模板
链接和导航
错误处理
加载 UI 和流式处理
重定向
路由组
动态路由
并行路由
拦截路由
路由处理程序
中间件
国际化
数据获取
数据获取和缓存
服务器操作和突变
增量静态再生 (ISR)
渲染
服务器组件
客户端组件
组合模式
部分预渲染
运行时
缓存
样式
CSS
Tailwind CSS
Sass
CSS-in-JS
优化
图像
视频
字体
元数据
脚本
包捆绑
懒加载
分析
检测
OpenTelemetry
静态资源
第三方库
内存使用
本地开发
配置
环境变量
MDX
src 目录
自定义服务器
草稿模式
内容安全策略
调试
渐进式 Web 应用程序 (PWA)
测试
Vitest
Jest
Playwright
Cypress
身份验证
部署
生产清单
静态导出
多区域
升级
Codemods
Canary
版本 15
版本 14
App Router 迁移
从 CRA 迁移
从 Vite 迁移
单页应用程序
深入探讨
API 参考
指令
use cache
use client
use server
组件
Font
Form
Image
Link
Script
文件约定
default.js
error.js
forbidden.js
instrumentation.js
instrumentation-client.js
layout.js
loading.js
mdx-components.js
middleware.js
not-found.js
page.js
route.js
路由段配置
template.js
unauthorized.js
元数据文件
favicon、icon 和 apple-icon
manifest.json
opengraph-image 和 twitter-image
robots.txt
sitemap.xml
函数
after
cacheLife
cacheTag
connection
cookies
draftMode
fetch
forbidden
generateImageMetadata
generateMetadata
generateSitemaps
generateStaticParams
generateViewport
headers
ImageResponse
NextRequest
NextResponse
notFound
permanentRedirect
redirect
revalidatePath
revalidateTag
unauthorized
unstable_cache
unstable_noStore
unstable_rethrow
useLinkStatus
useParams
usePathname
useReportWebVitals
useRouter
useSearchParams
useSelectedLayoutSegment
useSelectedLayoutSegments
userAgent
配置
next.config.js
allowedDevOrigins
appDir
assetPrefix
authInterrupts
basePath
cacheLife
compress
crossOrigin
cssChunking
devIndicators
distDir
dynamicIO
env
eslint
expireTime
exportPathMap
generateBuildId
generateEtags
headers
htmlLimitedBots
httpAgentOptions
images
cacheHandler
inlineCss
logging
mdxRs
onDemandEntries
optimizePackageImports
output
pageExtensions
poweredByHeader
ppr
productionBrowserSourceMaps
reactCompiler
reactMaxHeadersLength
reactStrictMode
redirects
rewrites
sassOptions
serverActions
serverComponentsHmrCache
serverExternalPackages
staleTimes
staticGeneration*
trailingSlash
transpilePackages
turbopack
typedRoutes
typescript
urlImports
useCache
useLightningcss
ViewTransition
webpack
webVitalsAttribution
TypeScript
ESLint
CLI
create-next-app
next CLI
Edge Runtime
Turbopack
开始使用
安装
项目结构
构建您的应用程序
路由
页面和布局
动态路由
链接和导航
重定向
自定义 App
自定义 Document
API 路由
自定义错误
国际化
中间件
渲染
服务器端渲染 (SSR)
静态站点生成 (SSG)
自动静态优化
客户端渲染 (CSR)
Edge 和 Node.js 运行时
数据获取
getStaticProps
getStaticPaths
表单和突变
getServerSideProps
增量静态再生 (ISR)
客户端获取
样式
CSS
Tailwind CSS
CSS-in-JS
Sass
优化
图像
字体
脚本
静态资源
捆绑
分析
懒加载
检测
OpenTelemetry
第三方库
配置
环境变量
src 目录
MDX
AMP
Babel
PostCSS
自定义服务器
草稿模式
错误处理
预览模式
内容安全策略
调试
测试
Vitest
Jest
Playwright
Cypress
身份验证
部署
生产清单
静态导出
多区域
持续集成 (CI) 构建缓存
升级
Codemods
从 Pages 到 App
从 Vite 迁移
从 Create React App 迁移
版本 14
版本 13
版本 12
版本 11
版本 10
版本 9
API 参考
组件
Font
Form
Head
Image
Image (Legacy)
Link
Script
函数
getInitialProps
getServerSideProps
getStaticPaths
getStaticProps
NextRequest
NextResponse
useAmp
useReportWebVitals
useRouter
userAgent
配置
next.config.js 选项
allowedDevOrigins
assetPrefix
basePath
bundlePagesRouterDependencies
compress
crossOrigin
devIndicators
distDir
env
eslint
exportPathMap
generateBuildId
generateEtags
headers
httpAgentOptions
images
onDemandEntries
optimizePackageImports
output
pageExtensions
poweredByHeader
productionBrowserSourceMaps
reactStrictMode
redirects
rewrites
运行时配置
serverExternalPackages
trailingSlash
transpilePackages
turbo
typescript
urlImports
useLightningcss
webpack
webVitalsAttribution
TypeScript
ESLint
CLI
create-next-app CLI
next CLI
Edge Runtime
Turbopack
架构
可访问性
快速刷新
Next.js 编译器
支持的浏览器
社区
贡献指南
在 GitHub 上编辑此页面
托管 Next.js (Vercel)
滚动到顶部
介绍
App Router
深入探讨
深入探讨
上一页
单页应用程序
下一页
API 参考
这有帮助吗？
supported.
发送