如何用 React 和 Web API 构建一个拥有 13 个功能的微 SaaS，且服务器成本为零

作者开发了 ZeroTools，一款提供 13 种工具的网络应用，所有工具均在用户浏览器中运行，以规避服务器成本并解决隐私问题。传统的 SaaS 工具在处理 PDF 或图像等操作时，需要后端服务器和存储，从而产生高昂费用并引发隐私担忧。ZeroTools 通过利用现代 Web API 和 WebAssembly 绕过这些限制。图像压缩采用 HTML5 Canvas API 实现，使文件可在本地处理而无需上传。对于基于 AI 的背景移除，`@imgly/background-removal` 库利用 WebAssembly，使机器学习模型能够在用户设备上执行。PDF 的压缩和元数据剥离由 `pdf-lib` JavaScript 库处理，同样在客户端运行。该应用构建为基于 Vite 的静态 React 应用，并托管于 Vercel 免费层级，从而实现零托管成本。此架构确保 100% 用户隐私，因为敏感文件从未发送至服务器。这些工具对用户提供免费无限制使用，唯一限制是处理能力。作者邀请对此纯客户端架构提出反馈，并欢迎用户测试 ZeroTools。