Nextless.js - 具有无服务器后端的 Next JS SaaS 样板模板

最近，我正在构建自己的 SaaS 产品，从零开始花了 5 个月的时间，这比我最初预想的要长得多。这并非一段轻松的旅程，但我终于做到了！🎉

以下是我在 2021 年构建 SaaS 产品的一些学习。

静态站点生成器

你没听错，你可以使用静态站点生成器 (SSG) 构建一个 SaaS 平台。我使用 Next JS 以静态模式（下次导出）创建了第一个 SaaS 平台。因此，我可以将前端托管在任何静态主机上：价格低廉、速度快、高度可扩展、易于维护、安全可靠等等。无需使用动态服务器来提供 UI 服务。

UI 组件

前端完全使用 React 和 TypeScript 构建，并使用 Tailwind CSS 进行样式设置。所有功能均由我完成：

🔥 登陆页面
🔥 身份验证
🔥 仪表板
🔥 表单
🔥 用户设置
🔥 表格

组件范式最终使您的 UI 更加模块化、更可重用。

您不再需要为微型 SaaS 聘请 UI/UX 设计师！

开发者体验，为开发者打造

作为一名充满热情的开发人员，我喜欢使用能够帮助我成为更好的工程师的工具：

❤️ 使用 TypeScript 进行类型检查
❤️ 使用 ESLint 进行 Linter
❤️ 使用 Prettier 进行代码格式化
❤️ VSCode 的编辑器配置
❤️ 本地开发和调试会话

也许有一天，有了 GitHub Copilot，你就不再需要编写代码了；）但是，就目前而言，开发人员体验对于编写高质量的代码极为重要。

完全无服务器

对于这个项目，我是一名独立开发者，我需要合适的工具来提供帮助。Serverless 就是其中之一。它确实能让你的代码为生产环境做好准备：

🚀 后端的一个命令部署
🚀 基础设施即代码，也用一个命令部署
🚀 无服务器高度可扩展
🚀 低维护：无需服务器维护，无需 Docker，无需 Kubernetes

因为它是无服务器的，所以我只需根据我的流量付费。

您不再需要为小型 SaaS 聘请 DevOps 工程师！

Stripe 集成

与任何 SaaS 产品一样，您需要接受订阅。接受付款很困难，而建立定期付款的订阅则更加困难。

Stripe 是市面上最好的解决方案之一。即便如此，集成起来也并非易事：Webhook、阅读文档、代码示例、提问、测试等等。

效果如下：现在我的用户可以轻松订阅任何套餐。他们还可以访问自助客户门户，更新、升级、取消、暂停、恢复和管理他们的套餐。

Nextless.js，Next JS SaaS 启动器

这只是我最近所做工作的一个展示。不过，几周后，我会分享更多关于我构建第一个 SaaS 产品的经验教训。

这是我的第一个 SaaS 的链接：用于生成社交图像的 PostMage

您可以在Nextless.js SaaS Boilerplate上找到有关技术堆栈的更多信息

通过构建我的第一个 SaaS 产品，我学到了很多关于 Next JS、Web 开发、前端开发、React、Tailwind CSS、TypeSript Serverless、Stripe、AWS 和基础设施的知识。我一定会通过教程、博客文章等方式分享我的经验。敬请期待。