半年空窗期：我用 Netlify 实现个人 SaaS 的 HTTPS 部署

项目背景

2023年底离职期间，我一边维护海外电商项目，一边着手将「扫码点餐」系统升级为商业化SaaS产品。为节省域名成本，我巧妙利用了Netlify的免费HTTPS服务。

技术实现

• 前端架构：基于Vite4 + Vue3的<script setup>语法，采用defineModel实现数据绑定
• 构建流程：使用pnpm build生成静态资源
• 一键部署：将build文件夹直接拖入Netlify，自动分配xxx.netlify.app二级域名
• 域名定制：在「Domain settings」中重命名为web-code-hub，立即生效https://web-code-hub.netlify.app
• 后端方案：NestJS服务部署于Docker，通过cloudflared为/date接口建立安全隧道，完美实现HTTPS

成果亮点

• 零成本部署，30分钟快速上线
• Lighthouse性能评分92分，自动续期的Let’s Encrypt证书保障安全
• 支持扫码支付0.01元测试功能，面试时可实时向HR演示

项目资源

• GitHub源码: https://github.com/web-code-hub/gap-2024
• 在线演示: https://gap-2024-saas.netlify.app/