Samuel Aguilar
返回博客
2026年6月21日·开发·1 分钟阅读

部署带数据库的 Next.js 应用(Vercel + Neon)

一份简单、免费的配方,让一个全栈应用连同它的数据库一起上线。

把全栈应用投入生产过去曾经很复杂。如今,借助合适的工具,这只是几分钟的事,而且起步免费。

技术栈

  • Next.js 负责应用本身(前端 + API 在同一个项目中)。
  • Neon 作为无服务器 PostgreSQL(免费套餐,托管在欧盟)。
  • Vercel 负责托管,并从 GitHub 自动部署。

步骤

  1. 把代码推送到 GitHub。
  2. 在 Neon 上创建数据库,并复制它的连接字符串。
  3. 在 Vercel 中,导入该仓库并添加环境变量(包括 DATABASE_URL)。
  4. 部署。 从此以后,每次 push 都会自动发布。

一个省心的细节

迁移时使用 Neon 的直连连接(DIRECT_URL),并把连接池那条保留给运行时使用。另外,永远不要提交你的 .env:让 .gitignore 来保护它。

这个网站本身就是这样搭建的。难的部分不再是部署,而是拥有值得部署的东西。

#nextjs#vercel#neon#postgresql#部署