跳至内容
搜索文档…
搜索…
⌘K
展示
文档
博客
模板
企业版
搜索文档…
搜索…
⌘K
反馈
学习
菜单
使用 App 路由器
/app 中可用的功能
使用稳定版本
v15.0.0
入门
安装
项目结构
构建您的应用程序
路由
定义路由
页面
布局和模板
链接和导航
错误处理
加载 UI 和流式传输
重定向
路由组
项目组织
动态路由
并行路由
拦截路由
路由处理程序
中间件
国际化
数据获取
数据获取和缓存
服务器操作和变异
增量静态再生 (ISR)
渲染
服务器组件
客户端组件
组合模式
部分预渲染
运行时
缓存
样式
CSS
Tailwind CSS
Sass
CSS-in-JS
优化
图片
视频
字体
元数据
脚本
包捆绑
延迟加载
分析
检测
OpenTelemetry
静态资源
第三方库
内存使用
配置
TypeScript
ESLint
环境变量
绝对导入和模块路径别名
MDX
src 目录
自定义服务器
草稿模式
内容安全策略
调试
渐进式 Web 应用 (PWA)
测试
Vitest
Jest
Playwright
Cypress
身份验证
部署
生产检查清单
静态导出
多区域
升级
Codemods
版本 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
useSelectedLayoutSegments
userAgent
next.config.js 选项
appDir
assetPrefix
basePath
compress
crossOrigin
cssChunking
devIndicators
distDir
env
eslint
expireTime
exportPathMap
generateBuildId
generateEtags
headers
httpAgentOptions
images
cacheHandler
logging
mdxRs
onDemandEntries
optimizePackageImports
output
pageExtensions
poweredByHeader
ppr
productionBrowserSourceMaps
reactCompiler
reactMaxHeadersLength
reactStrictMode
redirects
rewrites
sassOptions
serverActions
serverComponentsHmrCache
serverExternalPackages
staleTimes
staticGeneration*
trailingSlash
transpilePackages
turbo
typedRoutes
typescript
urlImports
useLightningcss
webpack
webVitalsAttribution
CLI
create-next-app
Next CLI
Edge 运行时
构建您的应用程序
路由
页面和布局
动态路由
链接和导航
重定向
自定义 App
自定义 Document
API 路由
自定义错误
国际化
中间件
渲染
服务器端渲染 (SSR)
静态站点生成 (SSG)
自动静态优化
客户端渲染 (CSR)
Edge 和 Node.js 运行时
数据获取
getStaticProps
getStaticPaths
表单和变异
getServerSideProps
增量静态再生 (ISR)
客户端获取
样式
CSS Modules
Tailwind CSS
CSS-in-JS
Sass
优化
图片
字体
脚本
静态资源
捆绑
分析
延迟加载
检测
OpenTelemetry
第三方库
配置
TypeScript
ESLint
环境变量
绝对导入和模块路径别名
src 目录
MDX
AMP
Babel
PostCSS
自定义服务器
草稿模式
错误处理
预览模式
内容安全策略
调试
测试
Vitest
Jest
Playwright
Cypress
身份验证
部署
生产检查清单
静态导出
多区域
持续集成 (CI) 构建缓存
升级
Codemods
从页面到 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
userAgent
next.config.js 选项
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
Edge 运行时
CLI
CLI
Next CLI
架构
无障碍性
快速刷新
Next.js 编译器
支持的浏览器
Turbopack
社区
贡献指南
托管 Next.js (Vercel)
滚动到顶部
构建您的应用程序
样式
CSS Modules
CSS Modules
上一页
样式
下一页
Tailwind CSS
这有帮助吗？
支持的。
发送