部署 Next Js + Express Js + postgreSQL (pgadmin)

Question

这是场景： 我准备好了 NextJs 应用程序， 我准备好了 ExpressJs 服务器， 我已经准备好使用 postgreSQL (pgAdmin)。

我可以或应该吗？

在 Vercel 旁边部署，从 GoDaddy 获取一个域（例如）并将其链接到项目。 将 express 和数据库都部署到 heroku。

我不知道我是否可以在 Vercel 上完成所有这些操作。

Answer 1

是的，您可以使用 Vercel 做您需要的事情。 检查此代码示例（express，mysql），根据您的需要进行调整。

所以，部署

1. 使用 ExpressJs NextJs 和 postgreSQL 设置您的项目。 （ofc 使用 github repo 进行后续步骤）。你可以 git clone 仓库的 express 例子，修改它 git push 到你的 github 帐户。
2. 您的.env 文件夹中的所有环境variables you declare ！非常重要！并且检查您的.env 文件被git 忽略（.gitignore 文件）。这项检查非常重要，因为您永远不会在 git 上公开 .env 文件和连接字符串）
3. 本地项目运行后，您可以执行第 4 步
4. 您设置了垂直环境 - 链接 github repository，设置您需要的 vercel 设置。 （例如，您可以直接租用一个域名并将其设置为生产环境）
5. 之后，您设置 env variables 的 vercel，具有相同的变量名称和值（例如，您的数据库连接字符串，但不是您的 base_url，当然），您 deploy your project with vercel .
6. 每次 git push 项目时，vercel 都会重新部署你的在线项目并更新所有页面。真的很棒。

我给你的建议：

• 您根据自己的需要创建了非常简单的项目（您提到过）并且 尝试部署它。如有错误，可以google，不会的 太难了。一个简单的项目成功后，您就可以开始开发它了。
• 主要使用 NextJS hooks and code（没有反应），阅读文档。例如，使用 useSWR(react lib created by vercel and nextjs teams) 钩子而不是使用 useEffect(react) 来获取数据，因此您将开发得更快、更“干净”）
• 尽可能使用Typescript（但JS也很棒）
• 慢慢来，尽量避免来自 React 项目的纯 React 代码 (CTRL+C CTRL+V)。
• “战斗”错误并从头检查控制台警告。
• 如果你喜欢看视频教程，可以查看this（不过是js，不是ts）
• 如果您的项目将来会使用多语言，set up all envirnoment 并在开始时进行测试。在这种情况下，还要设置i18n lib 以供将来翻译
• 最难和最重要的部分是设置，在开始“真正”编码之前测试所有库。

我相信你会喜欢的！

附：对于 pgsql 和 express 你需要construct your API routes,