全书目录

第五篇：Next.js 完全指南 —— 商业综合体宇宙

第二章：开工 —— 先把综合体蓝图搭起来

1 分钟 175 字 第 113 / 962 个阅读单元

现在官方推荐路线是 App Router。新项目通常直接从 create-next-app 起步：

bash
pnpm create next-app@latest

一个最小的 Next.js App Router 项目，大致像这样：

text
my-mall/
├── app/
│   ├── layout.tsx
│   ├── page.tsx
│   ├── dashboard/
│   │   ├── layout.tsx
│   │   └── page.tsx
│   ├── products/
│   │   ├── page.tsx
│   │   └── [slug]/
│   │       └── page.tsx
│   ├── api/
│   │   └── products/
│   │       └── route.ts
│   ├── loading.tsx
│   ├── error.tsx
│   └── not-found.tsx
├── public/
├── proxy.ts
├── next.config.ts
└── package.json

你先记住三件事：

  • app/ 是整座综合体的主施工图。
  • 文件夹名通常就代表 URL 路径段。
  • 特定文件名有特殊含义，比如 page.tsx、layout.tsx、route.ts。