logoPay4SaaS

介绍

欢迎使用 Pay4SaaS(Pay-For-SaaS) —— 一套基于 Next.js 的 支付与消费系统。从收款到会员等级权限控制、积分扣减,都处理好了。

你只需要改配置和少量代码、跑 SQL、换上你自己的产品,就能拥有一个支持 4 种定价模式、多种支付方式、中英双语的 SaaS 站点。

你会得到什么

  • 4 种定价模式 — 积分、无限订阅、配额订阅、买断制,切换环境变量 + 配置对应支付产品即可
  • 11 张数据库表 — 用户、订阅、积分、Webhook 等,含索引和 RLS 安全策略
  • Stripe、Creem、PayPal — 改配置就能用,不写额外代码,Webhook + 签名验证就绪。同时支持中国支付宝
  • 完整的消费侧 — 访问控制、积分扣减、配额管理,前端 Hook + 后端 API 封装好
  • 落地页 + 博客 + 用户仪表盘 — 都包含在内
  • 中英双语 + 多币种 — 自动切换
  • 持续更新 — 通过 GitHub 仓库推送

文档覆盖范围

本文档覆盖 Pay4SaaS 的配置、部署和使用。对于底层技术(Next.js、Supabase、Stripe 等),文档中会提供对应的官方链接,不再重复讲解。

本文档假设你熟悉 Next.jsReactTypeScript 的基本用法。

技术栈

  • Next.js 16 + React 19 — App Router
  • TypeScript — 类型安全
  • Tailwind CSS — 样式
  • Supabase — 数据库与认证
  • Fumadocs — 文档系统

获取帮助

  • 查看文档侧边栏导航
  • 邮箱:
  • 微信:novNuyoah
  • Twitter/X:@taoWithSaaS

下一步

  1. 获取 Supabase 数据库配置
  2. 配置登录方式:邮箱密码 / Google OAuth / GitHub OAuth
  3. 选择定价模式 → 配置支付方式(Stripe / PayPal / Creem / 支付宝
  4. 访问控制积分消费

文档首页

回到完整实施目录。

价格方案

查看订阅、积分和终身买断方案。

博客

阅读更多 SaaS 支付和增长经验。

On this page