项目结构

npm config set registry https://registry.npmmirror.com

app/     # App Router
public/     # 静态文件

next.config.js    # Next. js的配置文件
package.json
instrumentation.ts   # https://mp.weixin.qq.com/s/jjmH7IefW3op1EXamVggUg
middleware.ts    # Next.js request middleware
.env    
.env.local
.env.production
.env.development
.eslintrc.json
.gitignore
next-env.d.ts
tsconfig.json

app目录

layout.tsx      # 该路由下的公共导航，切换路由时，不会刷新
page.tsx      # Page 该路由的主页面
loading.tsx      # Loading UI
not-found.tsx     
error.tsx
global-error.tsx
route.ts      # API endpoint
template.tsx     # 该路由下的公共部分，切换路由时，会刷新
default.tsx      # 平行路由 的兜底页面，什么是平行路由？ @folder这种就是平行路由

路由分组：

使用 (folder) 不会体现在路由上，只是单纯用来做代码分组。