最近几个月都在开发我的 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 翻译一波,就能在预览组件那边查看多语言定价信息了。
你可以很快地在页面创建多种定价卡片,即使同时有月付、年付、一次性付款的定价,前端也能很好看地展示出来。
高级 CMS
一般 Next.js SaaS 模板提供的博客功能是静态 MDX 博客,好一点是模板会提供带后台的内容编辑页面,只能说这些都只是刚够用,不够灵活。
Nexty 的 CMS 支持不同语言内容的编写,开头选择语言就行,右边可以选择状态(草稿、立即发布、归档)和可访问权限(公开、登录可读、付费会员可读)。
内容编辑器同时支持富文本和 Markdown ,同时支持 AI 翻译。
在用户端,看到的效果是这样的:
用这一套 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/
看完上面的介绍,v2 老哥如果觉得喜欢这套模板,可以留下邮箱,我给你发 5 折优惠码。
如果有优化建议,欢迎留言,帮助 Nexty 变得更好,感谢。