Gap 半年，我用 Netlify 把个人 SaaS 送上 HTTPS

背景

23 年底离职后，我接了一个海外电商维护单，同时想把「扫码点餐」小系统做成真正可付费的 SaaS。域名预算 = 0，于是盯上了 Netlify 的免费 HTTPS。

做法

1. 前端用 Vite4 + Vue3 <script setup> + defineModel，本地 pnpm build 生成静态资源
2. 拖拽 build 文件夹到 Netlify → 自动分配 xxx.netlify.app 二级域名
3. 在「Domain settings」里把站点名改成 gap-2024-saas，立刻得到 https://gap-2024-saas.netlify.app
4. 后端 NestJS 放 Docker，用 cloudflared 做 /date 接口隧道，同样 HTTPS

结果

• 0 元成本，30 分钟完成部署
• Lighthouse 性能 92，自动续期 Let’s Encrypt
• 手机扫码即可付费 0.01 元，面试时直接甩链接给 HR

源码/线上地址

GitHub: https://github.com/web-code-hub/gap-2024

Demo: https://gap-2024-saas.netlify.app/