Next.js 全栈开发入门指南（2026 最新版）

对应路由 /about│└── page.tsx 关于页面，文件结构=页面路由│ ├── page.tsx 首页， my-first-next-app/├── app/【核心】路由文件夹，对应访问路径 /│ ├── layout.tsx 全局布局文件，存放图片、图标等├── lib/工具类文件夹，存放数据库连接、工具函数等（需手动创建）└── package.json 项目依赖配置文件 1 2 3 4 5 6 7 8 9 ，所有页面共用│ └── about/新建about文件夹，对应访问路径 /about├── public/静态资源文件夹，。