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 的可视化定价管理是这样做的：

1. 强制选择所属环境，确保开发环境和生产环境的数据隔离，右侧可以设置卡片排序和是否激活

2. 从 Stripe 一键拉取定价信息、选择优惠券。以前只能一遍遍检查从 Stripe 复制的数据是否有误，现在只需要复制 price ID，其他数据都是自动填充，安全、高效！

   

3. 填写定价卡片上要展示的信息，所有内容都在右侧实时预览。右侧的预览组件跟用户端展示的是同一个组件，编辑定价的时候所见即所得，不用担心最终上线出问题。

   

   

4. 因为模板是支持多语言的，所以定价卡片也需要能够预览和保存多语言的数据。这里我加了个 AI 翻译的功能，填写完上面的表单后，直接让 AI 翻译一波，就能在预览组件那边查看多语言定价信息了。

   

5. 你可以很快地在页面创建多种定价卡片，即使同时有月付、年付、一次性付款的定价，前端也能很好看地展示出来。

   

高级 CMS

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

1. Nexty 的 CMS 支持不同语言内容的编写，开头选择语言就行，右边可以选择状态 （草稿、立即发布、归档） 和可访问权限 （公开、登录可读、付费会员可读）。

   

2. 内容编辑器同时支持富文本和 Markdown，同时支持 AI 翻译。

   

3. 在用户端，看到的效果是这样的：

   

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

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

安全的支付 Webhook 处理

刚开始做 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 的样式就能修改主题

写在最后

在发布 Nexty 2.0 的同时，我也发布了一个基于 Nexty 搭建的 AI 生图网站模板，Nexty 用户可以免费获得。

• Nexty: https://nexty.dev/
• AI 生图模板：https://flux-kontext.nexty.dev/

看完上面的介绍，你如果觉得喜欢这套模板，可以留下邮箱，我给你发 5 折优惠码。

如果有优化建议，欢迎留言，帮助 Nexty 变得更好，感谢。

文章来源：w2solo