src 目录
除了在项目根目录下使用特殊的 Next.js app
或 pages
目录外,Next.js 还支持将应用代码放在 src
目录下的常见模式。
这种方案将应用代码与主要位于项目根目录的配置文件分离,受到部分开发者和团队的青睐。
要使用 src
目录,请将应用路由器文件夹或页面路由器文件夹分别移动到 src/app
或 src/pages
目录下。

须知
/public
目录应保留在项目根目录下- 配置文件如
package.json
、next.config.js
和tsconfig.json
应保留在项目根目录下.env.*
文件应保留在项目根目录下- 如果根目录下存在
app
或pages
目录,则src/app
或src/pages
将被忽略- 如果使用
src
目录,您可能还需要移动其他应用文件夹,如/components
或/lib
- 如果使用 Tailwind CSS,您需要在 content 配置部分 的
tailwind.config.js
文件中添加/src
前缀