部署带数据库的 Next.js 应用(Vercel + Neon)
一份简单、免费的配方,让一个全栈应用连同它的数据库一起上线。
把全栈应用投入生产过去曾经很复杂。如今,借助合适的工具,这只是几分钟的事,而且起步免费。
技术栈
- Next.js 负责应用本身(前端 + API 在同一个项目中)。
- Neon 作为无服务器 PostgreSQL(免费套餐,托管在欧盟)。
- Vercel 负责托管,并从 GitHub 自动部署。
步骤
- 把代码推送到 GitHub。
- 在 Neon 上创建数据库,并复制它的连接字符串。
- 在 Vercel 中,导入该仓库并添加环境变量(包括
DATABASE_URL)。 - 部署。 从此以后,每次
push都会自动发布。
一个省心的细节
迁移时使用 Neon 的直连连接(DIRECT_URL),并把连接池那条保留给运行时使用。另外,永远不要提交你的 .env:让 .gitignore 来保护它。
这个网站本身就是这样搭建的。难的部分不再是部署,而是拥有值得部署的东西。
#nextjs#vercel#neon#postgresql#部署