尧图网站建设 
B2B SaaS Kit 入门完全指南开源工具包如何让你免费快速搭建企业级SaaS【免费下载链接】b2b-saaskitB2B SaaS Starter Kit - create a B2B web app: quickly and for free项目地址: https://gitcode.com/gh_mirrors/b2/b2b-saaskit想快速搭建一个面向企业客户B2B的 SaaS 产品却苦于组织、团队、认证、支付这些繁琐的地基工程B2B SaaS Kit正是为此而生的开源工具包它基于 TypeScript、Astro、React 与 Tailwind CSS内置一套完整可运行的示例应用并串联起多家提供免费永久额度free-forever计划的第三方服务。借助它你只需花费一个域名钱就能从零免费快速搭建企业级SaaS 的可用原型甚至直接部署上线。本指南将带你一步步完成从本地启动、配置到生产部署的全过程。什么是 B2B SaaS Kit一个开箱即用的企业级 SaaS 模板B2BBusiness-to-Business产品与普通应用最大的区别在于用户注册后可以创建组织Organization、邀请团队成员并以团队身份协作。市面上大多数 starter kit 都只围绕单用户场景设计而 B2B SaaS Kit 专门补齐了这一短板。它的设计理念非常明确先给你一个完整可运行的复杂应用你再把它改造成自己的产品而不是从空白项目起步尽量让启动成本趋近于零——工具包依赖的每一项第三方服务都有对个人开发者友好的永久免费套餐。示例应用Prompts with FriendsGPT 提示词团队协作工具就随工具包一起提供你跑通它就等于拥有了一份企业级 SaaS 的标准答案。为什么选择 B2B SaaS Kit三大核心理由理由一开箱即用的完整应用而非空模板克隆仓库、启动服务后你立刻拥有登录注册、组织管理、团队协作、数据持久化、支付订阅、产品分析等完整能力。你可以先体验、再修改大幅降低从零搭建 SaaS 的试错成本。理由二免费起步的第三方服务组合工具包把周边能力交给专业的第三方服务处理且全部提供免费起步档服务职责是否必选Doppler环境变量与密钥管理必选SupabasePostgres 数据库必选PropelAuth认证、组织与权限必选Stripe订阅与支付可选Vercel生产部署与托管可选Fogbender站内客服支持可选PostHog产品数据分析可选理由三B2B 专属能力一步到位组织、成员邀请、角色权限这些 B2B 产品的灵魂功能工具包已通过 PropelAuth 与数据库 schema 预先设计好你无需从零构思数据模型。B2B SaaS Kit 技术栈一览工具包的核心技术选型非常现代兼顾开发体验与类型安全Astro内容优先的 Web 框架支持 SSR 与 SSG 双模式见 src/pages/demo/react/old-school.astro 等演示页面React Tailwind CSS交互组件与样式方案tRPC TanStack Query端到端类型安全的远程调用前端调用后端接口如同调用本地函数路由器定义在 src/lib/trpc/root.ts中间件与鉴权逻辑在 src/lib/trpc/trpc.tsDrizzle ORM轻量、类型安全的数据库工具数据表定义集中在 src/db/schema.ts环境变量校验通过 src/t3-env.ts 与 src/config.ts 实现启动即校验杜绝配置遗漏。免费快速搭建第一步准备本地环境开始之前请确保你的机器满足以下条件Node.js 18 或 20注意Node 19 存在 cookie 相关 bug不推荐使用yarn包管理器可通过corepack启用一个Doppler 账号免费最多 5 人协作用于管理密钥。免费快速搭建第二步克隆项目并启动在终端中执行以下命令把工具包克隆到本地并启动开发服务器git clone https://gitcode.com/gh_mirrors/b2/b2b-saaskit cd b2b-saaskit corepack enable corepack prepare yarn1.22.19 --activate yarn yarn dev启动成功后浏览器访问http://localhost:3000你会看到名为 Welcome to Prompts with Friends 的欢迎页——这代表一个完整的企业级 SaaS 应用已经在你的电脑上跑起来了免费快速搭建第三步配置环境变量与数据库此时应用还不能完整使用你需要按页面上的引导http://localhost:3000/setup逐步配置。核心步骤有两条用 Doppler 管理密钥告别 .env 文件安装 Doppler CLI运行doppler login登录在项目根目录创建配置doppler projects create prompts-with-friends连接本地环境doppler setup -c dev -p prompts-with-friends设置站点地址doppler secrets set SITE_URL http://localhost:3000之后统一用doppler run yarn dev启动项目。这套流程的详细说明记录在 src/content/setup/doppler.md 中跟着走即可。用 Supabase 配置数据库创建一个免费的 Supabase 项目拿到数据库连接串后通过 Doppler 保存为DATABASE_URL再执行doppler run yarn migrate完成数据表初始化。之后你在 Supabase 控制台就能看到 prompts、prompt_likes 等预置表。提示Supabase 免费档限制为 2 个项目开发与生产环境请分开规划。免费快速搭建第四步接入认证与支付认证PropelAuth在 PropelAuth 后台创建项目将 Auth URL、Verifier Key、API Key 分别存入 Doppler 的PUBLIC_AUTH_URL、PROPELAUTH_VERIFIER_KEY、PROPELAUTH_API_KEY即可获得登录、注册、组织与邀请体系支付Stripe可选创建订阅型产品把密钥与价格 ID 存入STRIPE_SECRET_KEY和STRIPE_PRICE_ID订阅能力即刻可用其他可选服务Fogbender客服、PostHog分析、OpenAIAI 能力均可按需接入。免费快速搭建第五步部署到生产环境本地跑通后部署同样不复杂。工具包推荐使用Vercel按生产环境要求重新配置 PropelAuth、Supabase 等项目生产配置指南见 src/content/setup/production.md本地验证构建doppler run --config prd yarn build将代码推送到你的 Git 仓库在 Vercel 导入项目并关联生产环境变量完成你的 B2B SaaS 就正式上线了。基于 B2B SaaS Kit 打造自己的产品当示例应用完全跑通后真正的创作才刚刚开始改产品替换首页文案、修改数据模型编辑 src/db/schema.ts 并生成迁移、新增 tRPC 路由在 src/lib/trpc/routers/ 下新建文件并挂载到 src/lib/trpc/root.ts拆掉示例工具包提供了清理模板指南教你移除 Prompts with Friends 相关的落地页、FAQ、演示页与调查页只保留干净的骨架见 src/content/eject/b2bsaaskit.md换品牌替换public/favicon.ico与登录页 Logo让产品拥有自己的视觉身份。结语从克隆仓库到部署上线B2B SaaS Kit把原本需要数周甚至数月的企业级 SaaS 搭建工作压缩到了几天之内而且全程免费起步。它既是新手学习现代全栈架构Astro React tRPC Drizzle的绝佳教材也是创业者快速验证 B2B 想法的得力工具。现在就克隆一份动手搭建属于你的第一个企业级 SaaS 吧【免费下载链接】b2b-saaskitB2B SaaS Starter Kit - create a B2B web app: quickly and for free项目地址: https://gitcode.com/gh_mirrors/b2/b2b-saaskit创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 B2B SaaS Kit 入门完全指南：开源工具包如何让你免费快速搭建企业级SaaS
B2B SaaS Kit 入门完全指南开源工具包如何让你免费快速搭建企业级SaaS【免费下载链接】b2b-saaskitB2B SaaS Starter Kit - create a B2B web app: quickly and for free项目地址: https://gitcode.com/gh_mirrors/b2/b2b-saaskit想快速搭建一个面向企业客户B2B的 SaaS 产品却苦于组织、团队、认证、支付这些繁琐的地基工程B2B SaaS Kit正是为此而生的开源工具包它基于 TypeScript、Astro、React 与 Tailwind CSS内置一套完整可运行的示例应用并串联起多家提供免费永久额度free-forever计划的第三方服务。借助它你只需花费一个域名钱就能从零免费快速搭建企业级SaaS 的可用原型甚至直接部署上线。本指南将带你一步步完成从本地启动、配置到生产部署的全过程。什么是 B2B SaaS Kit一个开箱即用的企业级 SaaS 模板B2BBusiness-to-Business产品与普通应用最大的区别在于用户注册后可以创建组织Organization、邀请团队成员并以团队身份协作。市面上大多数 starter kit 都只围绕单用户场景设计而 B2B SaaS Kit 专门补齐了这一短板。它的设计理念非常明确先给你一个完整可运行的复杂应用你再把它改造成自己的产品而不是从空白项目起步尽量让启动成本趋近于零——工具包依赖的每一项第三方服务都有对个人开发者友好的永久免费套餐。示例应用Prompts with FriendsGPT 提示词团队协作工具就随工具包一起提供你跑通它就等于拥有了一份企业级 SaaS 的标准答案。为什么选择 B2B SaaS Kit三大核心理由理由一开箱即用的完整应用而非空模板克隆仓库、启动服务后你立刻拥有登录注册、组织管理、团队协作、数据持久化、支付订阅、产品分析等完整能力。你可以先体验、再修改大幅降低从零搭建 SaaS 的试错成本。理由二免费起步的第三方服务组合工具包把周边能力交给专业的第三方服务处理且全部提供免费起步档服务职责是否必选Doppler环境变量与密钥管理必选SupabasePostgres 数据库必选PropelAuth认证、组织与权限必选Stripe订阅与支付可选Vercel生产部署与托管可选Fogbender站内客服支持可选PostHog产品数据分析可选理由三B2B 专属能力一步到位组织、成员邀请、角色权限这些 B2B 产品的灵魂功能工具包已通过 PropelAuth 与数据库 schema 预先设计好你无需从零构思数据模型。B2B SaaS Kit 技术栈一览工具包的核心技术选型非常现代兼顾开发体验与类型安全Astro内容优先的 Web 框架支持 SSR 与 SSG 双模式见 src/pages/demo/react/old-school.astro 等演示页面React Tailwind CSS交互组件与样式方案tRPC TanStack Query端到端类型安全的远程调用前端调用后端接口如同调用本地函数路由器定义在 src/lib/trpc/root.ts中间件与鉴权逻辑在 src/lib/trpc/trpc.tsDrizzle ORM轻量、类型安全的数据库工具数据表定义集中在 src/db/schema.ts环境变量校验通过 src/t3-env.ts 与 src/config.ts 实现启动即校验杜绝配置遗漏。免费快速搭建第一步准备本地环境开始之前请确保你的机器满足以下条件Node.js 18 或 20注意Node 19 存在 cookie 相关 bug不推荐使用yarn包管理器可通过corepack启用一个Doppler 账号免费最多 5 人协作用于管理密钥。免费快速搭建第二步克隆项目并启动在终端中执行以下命令把工具包克隆到本地并启动开发服务器git clone https://gitcode.com/gh_mirrors/b2/b2b-saaskit cd b2b-saaskit corepack enable corepack prepare yarn1.22.19 --activate yarn yarn dev启动成功后浏览器访问http://localhost:3000你会看到名为 Welcome to Prompts with Friends 的欢迎页——这代表一个完整的企业级 SaaS 应用已经在你的电脑上跑起来了免费快速搭建第三步配置环境变量与数据库此时应用还不能完整使用你需要按页面上的引导http://localhost:3000/setup逐步配置。核心步骤有两条用 Doppler 管理密钥告别 .env 文件安装 Doppler CLI运行doppler login登录在项目根目录创建配置doppler projects create prompts-with-friends连接本地环境doppler setup -c dev -p prompts-with-friends设置站点地址doppler secrets set SITE_URL http://localhost:3000之后统一用doppler run yarn dev启动项目。这套流程的详细说明记录在 src/content/setup/doppler.md 中跟着走即可。用 Supabase 配置数据库创建一个免费的 Supabase 项目拿到数据库连接串后通过 Doppler 保存为DATABASE_URL再执行doppler run yarn migrate完成数据表初始化。之后你在 Supabase 控制台就能看到 prompts、prompt_likes 等预置表。提示Supabase 免费档限制为 2 个项目开发与生产环境请分开规划。免费快速搭建第四步接入认证与支付认证PropelAuth在 PropelAuth 后台创建项目将 Auth URL、Verifier Key、API Key 分别存入 Doppler 的PUBLIC_AUTH_URL、PROPELAUTH_VERIFIER_KEY、PROPELAUTH_API_KEY即可获得登录、注册、组织与邀请体系支付Stripe可选创建订阅型产品把密钥与价格 ID 存入STRIPE_SECRET_KEY和STRIPE_PRICE_ID订阅能力即刻可用其他可选服务Fogbender客服、PostHog分析、OpenAIAI 能力均可按需接入。免费快速搭建第五步部署到生产环境本地跑通后部署同样不复杂。工具包推荐使用Vercel按生产环境要求重新配置 PropelAuth、Supabase 等项目生产配置指南见 src/content/setup/production.md本地验证构建doppler run --config prd yarn build将代码推送到你的 Git 仓库在 Vercel 导入项目并关联生产环境变量完成你的 B2B SaaS 就正式上线了。基于 B2B SaaS Kit 打造自己的产品当示例应用完全跑通后真正的创作才刚刚开始改产品替换首页文案、修改数据模型编辑 src/db/schema.ts 并生成迁移、新增 tRPC 路由在 src/lib/trpc/routers/ 下新建文件并挂载到 src/lib/trpc/root.ts拆掉示例工具包提供了清理模板指南教你移除 Prompts with Friends 相关的落地页、FAQ、演示页与调查页只保留干净的骨架见 src/content/eject/b2bsaaskit.md换品牌替换public/favicon.ico与登录页 Logo让产品拥有自己的视觉身份。结语从克隆仓库到部署上线B2B SaaS Kit把原本需要数周甚至数月的企业级 SaaS 搭建工作压缩到了几天之内而且全程免费起步。它既是新手学习现代全栈架构Astro React tRPC Drizzle的绝佳教材也是创业者快速验证 B2B 想法的得力工具。现在就克隆一份动手搭建属于你的第一个企业级 SaaS 吧【免费下载链接】b2b-saaskitB2B SaaS Starter Kit - create a B2B web app: quickly and for free项目地址: https://gitcode.com/gh_mirrors/b2/b2b-saaskit创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考