Nexty – 适用于多种场景的 Next.js SaaS 模板 (送 5 折优惠码)

最近几个月都在开发我的 Next.js SaaS 模板，直到前两天升级到 2.0 版本，效果让我非常满意，终于可以休息一下顺便聊聊这套模板了。

现在无论国内还是海外，做 Next.js SaaS 模板的都太多了，每个模板也都各有特色，虽然每个都宣传自己的「功能完善」，但是技术出身的兄弟们都知道这句话跟简历写着「熟悉 React」是一样的——总不能写个「不熟悉 React」对吧。

这个世界上没有万能的模板，只有适合自己需求的模板。今天我就来介绍一下 Nexty 的特性，如果是你的菜，可以留个邮箱，我给你发 5 折优惠码。

模板落地页👉nexty.dev

核心特性

Nexty 有两个功能是所有其他 Next.js SaaS 模板都不会默认提供的：可视化定价管理、可设置访问权限的 CMS。此外，Nexty 的支付处理也是目前最安全、稳定的方案。

设计可视化定价管理模块是因为我曾经被修改定价困扰过，每次改完都要排查是否属于开发/生产环境、定价信息是否和 Stripe 上设置的一样、自动填写的优惠码是否有效。这些问题任何一个出错，都会导致生产环境无法收款。

Nexty 的可视化定价管理是这样做的：

强制选择所属环境，确保开发环境和生产环境的数据隔离，右侧可以设置卡片排序和是否激活
从 Stripe 一键拉取定价信息、选择优惠券。以前只能一遍遍检查从 Stripe 复制的数据是否有误，现在只需要复制 price ID，其他数据都是自动填充，安全、高效！
填写定价卡片上要展示的信息，所有内容都在右侧实时预览。右侧的预览组件跟用户端展示的是同一个组件，编辑定价的时候所见即所得，不用担心最终上线出问题。
因为模板是支持多语言的，所以定价卡片也需要能够预览和保存多语言的数据。这里我加了个 AI 翻译的功能，填写完上面的表单后，直接让 AI 翻译一波，就能在预览组件那边查看多语言定价信息了。
你可以很快地在页面创建多种定价卡片，即使同时有月付、年付、一次性付款的定价，前端也能很好看地展示出来。

一般 Next.js SaaS 模板提供的博客功能是静态 MDX 博客，好一点是模板会提供带后台的内容编辑页面，只能说这些都只是刚够用，不够灵活。

用这一套 CMS 功能，不仅可以实现 SaaS 产品的博客模块，而且如果你想做付费内容，访问权限控制也能让你的网站立即拥有付费墙。

定价管理和 CMS 都支持从列表快速复制数据，可以应对创建相似数据的场景。例如你要创建 3 个有少部分差异的定价，通过复制原有的定价，然后改差异部分就可以，这样避免了很多重复操作；CMS 也是如此，多语言博客的 slug、状态、可见范围、标签等等很多信息可以复用，通过复制文章创建新文章就会快很多。

刚开始做 SaaS 的兄弟都会遇到一个问题：如果 Webhook 事件没有按顺序到达，该怎么处理权益分发逻辑？

通常 SaaS 模板只会给你解决幂等性问题，不会重视 Webhook 事件乱序的问题，因为遇到的几率太低了。

但是我自己遇到过这种问题，所以我认真找了解决方案。现在 Nexty 提供的方案是订阅信息更新和权益分发进行职责分离，并且不依赖 Webhook 推送的数据做处理，一切都主动从 Stripe 读取最新数据再处理。

这样做的好处是，可以完全无视掉事件推送顺序，至少节约了测试时间；而且职责分离后，处理逻辑变得很容易扩展，Nexty 的用户只需要写自己的权益分发代码，其他代码都是通用的。

上面介绍的功能，都是对产品开发者有利，在管理后台才能看到的特性，如果不针对性宣传，根本不会有人注意到。

接下来介绍一下 Nexty 包含的常见功能吧，这些功能属于每个模板都有，简单说说：

登录授权
- 使用 Supabase Auth，支持社交登录、邮箱登录
- 支持 Cloudflare Turnstile
AI 能力
- Nexty 不仅提供了 AI 功能的封装，而且提供了 AI 测试广场，可以帮助不熟悉 AI 功能开发兄弟快速学会
- 内置支持多种提供商：AI SDK，OpenRouter 和 Replicate
邮件营销，使用 Resend 的服务，支持 newsletter 订阅，并且内置了订阅/续订失败的邮件提醒。
多语言功能，直接面向全球发布产品
通用的落地页结构，你可以提供关键词给 AI，AI 修改文案就能变成你自己的产品落地页
优秀的主题管理，替换 globals.css 和 theme.css 的样式就能修改主题