如果说 React 解决的是:
- 组件怎么拆
- 状态怎么更新
- 交互怎么响应
那么 Next.js 解决的是:
- 页面怎么路由
- 哪些东西在服务端算
- 哪些东西在浏览器里接管
- 数据在哪里取
- 表单怎么提交
- 接口怎么暴露
- 页面怎么缓存、怎么重算、怎么上线
所以 React 像门店装修工法,Next.js 像商业综合体运营系统。
商业综合体(Next.js)
│
├── 门店门头:page.tsx
├── 公共走廊:layout.tsx
├── 导航指示牌:Link
├── 后厨中央厨房:Server Components
├── 前台交互终端:Client Components
├── 服务窗口:route.ts
├── 排队区 / 故障应急:loading.tsx / error.tsx / not-found.tsx
├── 仓库与补货系统:cache / revalidate
└── 门禁与入口分流:proxy.ts很多人学 React 时会觉得:
“我已经会组件、state、props 了,为什么离上线还差很远?”
因为浏览器里的组件,只是综合体里的一家店。
而 Next.js 关心的是:整座楼怎么运营。