准备项目
先确认本地项目可以安装依赖、启动开发服务器,并且能够完成生产构建。
npm install
npm run build
配置环境变量
如果项目依赖外部服务,需要在 Vercel 项目设置里补齐对应变量。本地 .env 和线上环境要保持命名一致。
部署与检查
首次部署后重点检查页面路由、文章渲染、图片资源和移动端布局。
后续维护
之后每新增一篇 MDX 文章,只需要提交代码并重新部署。
教程 / Next.js / Vercel / 部署
从项目初始化、环境变量、构建检查到上线部署,整理一套以后可以重复使用的发布步骤。
先确认本地项目可以安装依赖、启动开发服务器,并且能够完成生产构建。
npm install
npm run build
如果项目依赖外部服务,需要在 Vercel 项目设置里补齐对应变量。本地 .env 和线上环境要保持命名一致。
首次部署后重点检查页面路由、文章渲染、图片资源和移动端布局。
之后每新增一篇 MDX 文章,只需要提交代码并重新部署。