Next.js 开发与生产交付检查站

Development / Delivery Junction

当前演练情境 改完页面,想立即看效果

01 · 双轨调度台

先选情境,再发出动作

蓝轨负责快速反馈,绿轨负责交付证据。两条轨道可以相邻,但不能互相替代。

当前 完成 阻断

开发反馈轨

快速循环
  1. npm run devnext dev 当前默认使用 Turbopack ◆ 当前
  2. 编辑文件保存页面、组件或样式改动 ○ 待命
  3. 观察 Fast Refresh在浏览器快速确认改动 ○ 待命
  4. 查看错误同时看终端与浏览器,不只看画面 ○ 待命

交付验证轨

生产证据
  1. 单独运行 linter先读 package.json,使用项目自己的脚本 ○ 待命
  2. npm run buildnext build 生成优化后的生产构建 ○ 待命
  3. npm start 或部署next start 前必须已有成功构建 ○ 待命
开发轨已进站 启动开发服务器,进入“编辑—刷新—查错”的快速反馈循环。

02 · 情境选票

你会把任务调度到哪一步?

选择一张情境票,再从调度台发出命令或动作;轨道会显示结果与下一站。

选择情境

SELECTED SITUATION

改完页面,想立即看效果

目标是缩短反馈时间,不是在此刻证明生产构建可交付。

建议先发出:npm run dev

发出命令 / 动作

键盘:16 切换情境,D/E/C/T/L/B/S 发出动作,R 重置。

交付值班牌

Dnext dev

当前默认使用 Turbopack,服务于本地快速反馈。

Bnext build

生成优化后的生产构建;dev 成功不能替代它。

Snext start

只启动已有生产构建;构建未成功时不能越站。

16构建不再自动 lint

Next.js 16 起,next build 不自动运行 linter。

P脚本以项目为准

读取 package.json 单独运行 linter,不假设固定存在 npm run lint

03 · 交付闸机

逐项核验,才会放行

勾选代表你已在当前项目中核实该项;生产构建与代码检查也会在演练成功后自动盖章。

必要交付清单