src 文件夹
作为在项目根目录中拥有特殊 Next.js app 或 pages 目录的替代方案,Next.js 还支持将应用程序代码放在 src 文件夹下的常见模式。
这会将应用程序代码与主要位于项目根目录的项目配置文件分开,这是某些个人和团队所偏好的。
要使用 src 文件夹,请将 app 路由文件夹或 pages 路由文件夹分别移动到 src/app 或 src/pages。


提示:
/public目录应该保留在项目的根目录中。- 配置文件如
package.json、next.config.js和tsconfig.json应该保留在项目的根目录中。.env.*文件应该保留在项目的根目录中。- 如果根目录中存在
app或pages,src/app或src/pages将被忽略。- 如果你使用
src,你可能还会移动其他应用程序文件夹,如/components或/lib。- 如果你使用中间件,确保它放在
src文件夹内。- 如果你使用 Tailwind CSS,你需要在
tailwind.config.js文件的内容部分中添加/src前缀。- 如果你使用 TypeScript 路径进行导入,如
@/*,你应该更新tsconfig.json中的paths对象以包含src/。