跳到主要内容

项目结构和组织

本页提供了 Next.js 中所有文件夹和文件约定的概述,以及组织项目的建议。

文件夹和文件约定

顶级文件夹

顶级文件夹用于组织应用程序的代码和静态资源。

路由段到路径段的映射路由段到路径段的映射

| | | | ------------------------------------------------------------------ | ---------------------------------- | | app | App 路由 | | pages | Pages 路由 | | public | 要提供的静态资源 | | src | 可选的应用程序源代码文件夹 |

顶级文件

顶级文件用于配置应用程序、管理依赖项、运行中间件、集成监控工具和定义环境变量。

| | | | ---------------------------------------------------------------------------- | --------------------------------------- | | Next.js | | | next.config.js | Next.js 配置文件 | | package.json | 项目依赖项和脚本 | | instrumentation.ts | OpenTelemetry 和检测文件 | | middleware.ts | Next.js 请求中间件 | | .env | 环境变量 | | .env.local | 本地环境变量 | | .env.production | 生产环境变量 | | .env.development | 开发环境变量 | | .eslintrc.json | ESLint 配置文件 | | .gitignore | Git 要忽略的文件和文件夹 | | next-env.d.ts | Next.js 的 TypeScript 声明文件 | | tsconfig.json | TypeScript 配置文件 | | jsconfig.json | JavaScript 配置文件 |