gap-2024-saas

个人全栈 SaaS 演示项目（Gap 半年技术回血记录）

🚀 线上 Demo

https://web-code-hub.netlify.app/
扫码即可体验 0.01 元支付闭环（微信沙箱）

📊 一排绿徽章

✍️ 技术文章（Day9 已发）

Gap 半年，我用 Netlify 把个人 SaaS 送上 HTTPS Vue3 defineModel + Vitest 覆盖率 82 % 流水账 Docker 一键部署 NestJS + MySQL 避坑指北

📈 数据截图

首屏 < 1 s（LTE 网络） 镜像体积 207 MB 0 元成本，30 分钟回滚

🛠️ 技术栈

层级	技术
前端	Vue3 + Vite5 + TypeScript + TailwindCSS
后端	NestJS + TypeORM + MySQL8 + Docker
部署	Netlify（前端 HTTPS）+ Docker Compose（后端）
测试	Vitest 单元 82 % + Cypress E2E
性能	Lighthouse 92（0 元 CDN）

📦 一键运行

git clone https://github.com/web-code-hub/gap-2024.git
cd gap-2024
docker-compose up --build
# 前端 http://localhost:3000
# 后端 http://localhost:3001/date