Main Navigation 应用路由页面路由架构

主题

Sidebar Navigation

简介

应用路由

入门

安装

项目结构

布局和页面

链接和导航

服务器和客户端组件

部分预渲染

获取数据

更新数据

缓存和重新验证

错误处理

CSS

图片优化

字体优化

元数据和原始图

路由处理程序和中间件

部署

升级

指南

分析

验证

前端后端

缓存

CI 构建缓存

内容安全政策

JS 中的 CSS

自定义服务器

数据安全

调试

草稿模式

环境变量

表单

ISR

仪器仪表

国际化

JSON-LD

延迟加载

开发环境

MDX

内存使用情况

迁移

应用路由

创建 React 应用

Vite

多租户

多区域

OpenTelemetry

软件包打包

预请求

生产环境

PWAs

重定向

Sass

脚本

自托管

SPAs

静态导出

Tailwind CSS v3

测试

Cypress

Jest

Playwright

Vitest

第三方库

升级指南

代码模组

版本 14

版本 15

视频

API 参考

指令

使用缓存

使用客户端

使用服务器

组件

字体

表单组件

图片组件

链接组件

脚本组件

文件系统约定

元数据文件 API 参考

网站图标、图标和苹果图标

manifest.json

opengraph 图片和 twitter 图片

robots.txt

sitemap.xml

default.js

动态片段

error.js

forbidden.js

instrumentation-client.js

instrumentation.js

拦截路由

layout.js

loading.js

mdx-components.js

middleware.js

not-found.js

page.js

并行路由

public

路由组

路由片段配置

route.js

src

template.js

unauthorized.js

函数

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

browserDebugInfoInTerminal

cacheComponents

cacheLife

compress

crossOrigin

cssChunking

devIndicators

distDir

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*

taint

trailingSlash

transpilePackages

turbopack

turbopackPersistentCaching

typedRoutes

typescript

urlImports

useCache

useLightningcss

viewTransition

webVitalsAttribution

webpack

TypeScript

ESLint

CLI

create-next-app

next CLI

Edge 运行时

Turbopack

页面路由

入门 - 页面路由

安装

项目结构

图片

字体

CSS

部署

指南

AMP

分析

验证

Babel

CI 构建缓存

内容安全政策

JS 中的 CSS

自定义服务器

调试

草稿模式

环境变量

表单

ISR

仪器仪表

国际化

延迟加载

MDX

迁移

应用路由

创建 React 应用

Vite

多区域

OpenTelemetry

软件包打包

PostCSS

预览模式

生产环境

重定向

Sass

脚本

自托管

静态导出

Tailwind CSS

测试

Cypress

Jest

Playwright

Vitest

第三方库

升级

代码模组

版本 10

版本 11

版本 12

版本 13

版本 14

版本 9

构建你的应用

路由

页面和布局

动态路由

链接和导航

自定义应用

自定义文件

API 路由

自定义错误

渲染

服务器端渲染 (SSR)

静态站点生成 (SSG)

自动静态优化

客户端渲染 (CSR)

数据获取

getStaticProps

getStaticPaths

形式和突变

getServerSideProps

客户端抓取

配置

错误处理

API 参考

组件

字体

表单

标头

图片（旧版）

图片

链接

脚本

文件系统约定

instrumentation.js

中间件

public

源目录

函数

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

webVitalsAttribution

webpack

TypeScript

ESLint

CLI

create-next-app CLI

next CLI

Edge 运行时

Turbopack

架构

无障碍

快速刷新

Next.js 编译器

支持的浏览器

页面导航

构建你的应用

¥Building Your Application

Pager

上一页版本 9

下一页路由

Next.js v15.5 中文网

入门

指南

迁移

测试

升级指南

API 参考

指令

组件

文件系统约定

元数据文件 API 参考

函数

配置

next.config.js

CLI

入门 - 页面路由

指南

迁移

测试

升级

构建你的应用

路由

渲染

数据获取

配置

API 参考

组件

文件系统约定

函数

配置

next.config.js 选项

CLI

构建你的应用 ​

构建你的应用