从 0 到 10K⭐：Open SaaS 如何成为开发者喜爱的免费样板

2025-05-28

从 0 到 10K⭐：Open SaaS 如何成为开发者喜爱的免费样板

开放式 SaaS 真是太棒了！我太喜欢了。SaaS 样板模板就该这样！

开放SaaS的故事

在构建应用程序时，我希望从最初激发该项目的独特想法开始，而不是花费数周时间配置身份验证、付款和用户管理。

当然，也有一些付费的第三方解决方案可以集成身份验证、定时任务和快速发送电子邮件等功能。此外，也存在付费的 SaaS 样板。

但当我查看时，令人惊讶的是没有出色的全功能开源解决方案可以快速构建 SaaS。

所以我决定建一个。

我很高兴地宣布，它现在在 GitHub 上已有超过 10,000 颗星！

什么是开放 SaaS？

对于那些不熟悉的人来说，Open SaaS是一个100% 免费且开源的、功能齐全的 SaaS 入门套件，建立在Wasp全栈框架之上（使用 React、Node.js 和 Prisma）。

它的使命很简单：

通过提供具有以下基本功能的开源、全功能基础来加速并专注于您的 SaaS 开发：

  • 身份验证（电子邮件、谷歌、github 等）
  • 付款（Stripe 或 Lemon Squeezy 集成）
  • 使用 OpenAI API 的示例应用程序
  • AWS S3 文件上传
  • 电子邮件发送
  • 管理仪表板
  • 更多功能，开箱即用

最好的部分是，它不像其他模板那样依赖大量付费的第三方服务，因此您可以拥有更多的应用程序（哦，您也可以将它部署到任何您想要的地方）。

开放 SaaS GitHub 星图

自推出以来，Open SaaS 不仅聚集了众多明星，还使开发人员能够更快地启动无数项目，将创意转化为有利可图的业务，有时只需几天时间。

图片描述

看到人们用它构建的应用程序和业务真是令人疯狂，比如下面的一些（是的，它们都是用 Open SaaS 构建的🤩）：

除了使用它构建的所有很酷的东西之外，Open SaaS 的一个有趣的副作用是它也成为了Wasp 生态系统的基石，展示了该框架的强大功能，并在此过程中真正让开发人员感到高兴。

支持我们！🙏⭐️

GH星点击

Wasp 的所有工作都是开源的。您可以在 Github 上给我们点个星标，以示支持。这有助于我们简化 Web 开发，并激励我们撰写更多类似的文章！

支持我们

⭐️感谢您的支持🙏

揭秘：Wasp 的优势

Open SaaS于 2023 年 12 月上线，其普及率几乎立即飙升。其获得的积极反响令人惊讶，但也证实了我们的信念：开发人员需要一个高质量的开源 SaaS 样板启动器。

Open-SaaS 模板是一个很好的起点。我管理数据库、后端函数、操作、查询，一切都非常轻松。

虽然 Open SaaS 利用了 React、NodeJS 和 Prisma 等熟悉的工具，并附带了大量内置示例，如 OpenAI 示例应用程序、AWS S3 文件存储等，但其秘密在于将它们粘合在一起的核心工具选择：Wasp 框架。

Wasp 之所以特殊，是因为它是唯一一个能够真正管理困扰现代 Web 开发的繁琐样板文件的全栈框架。

它通过使用中央配置文件和编译器来实现这一点，允许开发人员（和 AI）仅用几行代码定义大量全栈功能。

说什么！？

中枢神经系统：main.wasp

可以将main.wasp配置文件视为应用程序的中枢神经系统。在这里，您可以声明性地定义应用程序的关键方面：

  • 身份验证方法
  • 数据库模型（通过 Prisma 集成）
  • 路线和页面
  • API 端点（查询和操作）
  • 后台作业
  • 电子邮件发送
  • ...以及更多。

此配置文件充当应用程序架构的单一“真实来源” ，这是我们在有关 AI 辅助工作流程的帖子中强调的一个概念，它可以帮助您作为开发人员真正快速、轻松地获得复杂的 Web 应用程序功能。

以下是文件的代码片段main.wasp：

app exampleApp {
  wasp: { version: "^0.16.3" },
  title: "Example App",
  auth: {
    userEntity: User,
    methods: {
      email: {},
      github: {},
    },
  }
}

route LoginRoute { path: "/login", to: Login }
page Login {
  component: import { Login } from "@src/features/auth/login"
}

route EnvelopesRoute { path: "/envelopes", to: EnvelopesPage }
page EnvelopesPage {
  authRequired: true,
  component: import { EnvelopesPage } from "@src/features/envelopes/EnvelopesPage.tsx"
}

query getEnvelopes {
  fn: import { getEnvelopes } from "@src/features/envelopes/operations.ts",
  entities: [Envelope, UserBudgetProfile]
}

action createEnvelope {
  fn: import { createEnvelope } from "@src/features/envelopes/operations.ts",
  entities: [Envelope, UserBudgetProfile] 
}

//...
Enter fullscreen mode Exit fullscreen mode

Wasp 编译器：魔法发生的地方

然后，Wasp 编译器接管一切。它会分析你的.wasp声明以及自定义的 React 和 Node.js 代码（你在其中编写特定的业务逻辑），并智能地生成完整的底层代码。

其中包括：

  • 设置服务器和数据库连接。
  • 使用完全类型安全的方式连接客户端和服务器之间的通信。
  • 处理复杂的身份验证流程和会话管理。
  • 使用类似命令简化部署wasp deploy。

Wasp 架构图

以此作为开放 SaaS 的基础，这直接意味着基本功能的代码和复杂性更少。

换句话说，您可以专注于构建自己独特的产品，而不必费力地将所有部分组合在一起。

实现新的身份验证方法、添加后台作业或定义受保护的路由就像在main.wasp文件中写入几行代码一样简单。

这使得 Open SaaS 应用程序功能丰富且易于维护，而且至关重要的是易于理解和扩展。

开放 SaaS + AI = Vibe 编码超能力

这也意味着Open SaaS非常适合AI辅助开发。

为什么？

因为人工智能辅助开发（或有人称之为“氛围编码”）的有效性很大程度上取决于底层代码库的结构和清晰度。

Open SaaS 建立在 Wasp 之上，这使其非常适合 AI 辅助开发，主要原因有二：

通过 Wasp 的配置清晰的架构：该main.wasp文件是 AI 工具的完美“真相来源”。

当人工智能助手需要了解您的应用程序的结构（其路线、模型、操作和功能）时，所有内容都清晰地列在一个声明文件中。

这使得人工智能更容易理解上下文并生成准确、相关的代码。

专注于业务逻辑：由于 Wasp 的编译器处理底层基础设施，您和您的 AI 助手都可以专注于实现您的独特功能。

无需浪费时间让 AI 生成或解释用于身份验证流程、API 设置或数据库连接的样板代码——Wasp 会处理所有这些。

这意味着 LLM 需要编写的代码要少得多，并且可以消除将堆栈的不同部分连接到 Wasp 的复杂性。

噪音

（顺便说一句，如果你想了解如何使用 Open SaaS 和 Cursor 等 AI 辅助开发工具，请务必观看YouTube 上这段 3 小时的演示教程）

在 Open SaaS 的强大基础之上，在这样的氛围编码工作流程中使用 AI 工具可以创建一个强大的开发环境，您和您的 LLM 伙伴只需专注于有趣的东西 -您的 SaaS 应用程序的业务逻辑。

开放SaaS的未来

GitHub 上获得 10,000 个星标是一个里程碑，但这仅仅是个开始。我和社区正在积极努力，让 Open SaaS 更加强大、灵活。

以下是我们为您准备的一些物品：

  • 使用 Shadcn UI 进行彻底的重新设计：我们正在对 Open SaaS 模板进行彻底的重新设计，利用Shadcn UI的强大功能使其更加现代化和用户友好。
  • 更多示例应用程序：即用型应用程序模板，例如利用 AI API 的应用程序模板（因为有 GPT Wrappers！）。
  • 增强的管理功能：通过更多分析、基于角色的身份验证和自定义选项扩展管理仪表板。

顺便说一句，如果您有任何功能请求，请通过在GitHub上创建问题或讨论来告知我们。

无论您是希望贡献新功能的 React 开发人员、有兴趣改进 UI 的设计师，还是刚刚发现错误的人，都不要害羞！

准备好构建您的 SaaS 了吗？

在短短几个月内，Open SaaS 从一个想法发展成为GitHub 上最受欢迎的 SaaS 存储库之一，它帮助开发人员通过编写更少的样板代码来启动 SaaS 应用程序。

开放 SaaS——GitHub 主题

通过结合：

  • 功能强大、功能齐全的 SaaS 入门工具
  • Wasp 框架的强大和简单
  • 一个活跃、互助的社区
  • 适用于现代开发工作流程的 AI 友好型架构

Open SaaS 已经不再仅仅是一个模板。

如果您想开始构建 SaaS，您需要做的就是安装 Wasp并通过运行以下命令获取 Open SaaS 模板：

curl -sSL https://get.wasp.sh/installer.sh | sh
wasp new -t saas
Enter fullscreen mode Exit fullscreen mode

之后，请查看Open SaaS 文档📚，其中概述了您需要了解的所有内容以及分步设置指南！

并且不要忘记：

文章来源：https://dev.to/wasp/from-0-to-10k-how-open-saas-became-the-free-boilerplate-devs-love-45hb
Devto 翻译
PREV
从“你会失败”到 15,000 个 GitHub 星标：Wasp 的故事，一个“Laravel for JS”全栈框架
NEXT
寻找建造的灵感