发布于 2026-01-06 1 阅读
0

这是一个基于 React、NestJS 和 Docker 的 Web Starter 项目,支持持续集成和 AWS 部署。它能带来什么?它是如何工作的?如何添加新功能?部署和持续集成方面有什么优势?结论

基于 CI 和 AWS 部署的 Web 启动器(React NestJS Docker)

它能带来什么?

它是如何运作的?

添加其他功能?

部署和持续集成?

结论

在本文中,我将与大家分享一个对我的一些网页项目非常有用的入门工具 :)

它能带来什么?

  1. 一个独立的 Docker 环境,包含本地前端/后端/数据库,可通过一条命令启动。
  2. 具有身份验证的项目结构
  3. 一个可以添加功能的基础。
  4. AWS 基础设施部署指南
  5. 与 GitHub Actions 进行持续集成
  6. 最后,节省了近30个小时的工作时间 :')

它是如何运作的?

前端、后端和数据库都封装在 Docker 中,以避免操作系统或本地配置方面的任何问题。您可以使用一条命令启动所有内容:docker-compose up

前端和后端正在定义架构和命名约定,以便更容易理解启动器及其周围功能。

添加其他功能?

此外,还有一些模块可供添加。您可以直接使用并插入这些模块,它们与初始结构完全兼容 :)

以下是该入门级项目的一些可用模块:

  1. 多语言短语
  2. Stripe支付系统
  3. 带有 React 的网络摄像头
  4. 使用 AWS API Gateway 的 WebSocket
  5. 通过 IP 地址定位
  6. ...

所有模块都已列出,可在此处下载。未来还将开发更多模块,欢迎您创建自己的模块并与社区分享 :D

部署和持续集成?

在部署步骤中,您需要创建一个 RDS 数据库、一个 Elastic Beanstalk、一个 S3 存储桶和一个 CloudFront 实例。

对于持续集成,您需要进行编辑
.github/workflows/main.yml以进行设置:

  1. 您要触发持续集成的分支名称(通常为 `/var/lib/`master或`/var/lib main/`)
  2. 你的名字S3 bucket
  3. 你的名字Elastic Beanstalk

将您的 AWS 凭证作为密钥添加到您的 GitHub 存储库(AWS_ACCESS_KEY_IDAWS_SECRET_ACCESS_KEY)。

结论

希望这份入门指南能帮助你开启未来的项目!
如有任何疑问,欢迎在评论区留言!

共享入门模板及其模块的平台:
快速模块化项目

如果你喜欢这篇文章,请不要犹豫,收藏并点赞❤️

文章来源:https://dev.to/leonidascostas/web-starter-react-nestjs-mysql-3o9i