教程 / Next.js / Vercel / 部署

Next.js 部署到 Vercel 的完整流程

从项目初始化、环境变量、构建检查到上线部署,整理一套以后可以重复使用的发布步骤。

准备项目

先确认本地项目可以安装依赖、启动开发服务器,并且能够完成生产构建。

npm install
npm run build

配置环境变量

如果项目依赖外部服务,需要在 Vercel 项目设置里补齐对应变量。本地 .env 和线上环境要保持命名一致。

部署与检查

首次部署后重点检查页面路由、文章渲染、图片资源和移动端布局。

后续维护

之后每新增一篇 MDX 文章,只需要提交代码并重新部署。