V2EX 9小时前
[分享创造] Nexty - 适用于多种场景的 Next.js SaaS 模板 (送 5 折优惠码)
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html

 

本文介绍了Nexty 2.0,一款功能强大的Next.js SaaS模板。与市场上众多模板不同,Nexty 2.0 提供了独家的可视化定价管理和可设置访问权限的CMS功能,极大地简化了开发者管理定价、优惠券以及内容发布的复杂性。其支付处理方案也更为安全稳定,主动从Stripe读取数据,解决了Webhook乱序的问题。此外,模板还集成了Supabase Auth、AI能力封装、Resend邮件营销、多语言支持以及灵活的主题管理等常见但实用的特性,旨在为开发者提供一个高效、灵活且易于扩展的SaaS开发解决方案。

🚀 **可视化定价管理**:Nexty 2.0 解决了传统SaaS模板在修改定价时易出现的环境混淆、数据不一致等问题。通过强制选择环境、一键从Stripe拉取定价信息和优惠券,并提供实时预览功能,确保了定价的准确性和高效性。同时支持多语言定价卡片,并集成AI翻译,极大提升了国际化产品的定价管理体验。

📚 **高级CMS功能**:提供灵活的内容管理能力,支持多语言内容编写、状态(草稿、发布、归档)和访问权限(公开、登录、付费会员)的设置。编辑器支持富文本和Markdown,并集成AI翻译,可用于构建博客模块或实现付费内容墙,为SaaS产品的内容策略提供了强大的支持。

🔒 **安全的支付Webhook处理**:针对Webhook事件乱序的痛点,Nexty 2.0 采用了创新的解决方案,将订阅信息更新和权益分发分离,并主动从Stripe读取最新数据进行处理,而非依赖Webhook推送的数据。这不仅解决了乱序问题,还提高了代码的可扩展性和测试效率,让开发者能更专注于核心的权益分发逻辑。

💡 **AI能力与多语言支持**:模板不仅封装了AI功能,还提供了AI测试广场,帮助开发者快速上手AI开发。支持多种AI提供商(AI SDK, OpenRouter, Replicate),并集成Resend邮件营销服务,支持newsletter订阅及管理。强大的多语言功能,使得产品能够轻松面向全球市场发布。

最近几个月都在开发我的 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 包含的常见功能吧,这些功能属于每个模板都有,简单说说:

写在最后

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

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

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

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

Fish AI Reader

Fish AI Reader

AI辅助创作,多种专业模板,深度分析,高质量内容生成。从观点提取到深度思考,FishAI为您提供全方位的创作支持。新版本引入自定义参数,让您的创作更加个性化和精准。

FishAI

FishAI

鱼阅,AI 时代的下一个智能信息助手,助你摆脱信息焦虑

联系邮箱 441953276@qq.com

相关标签

Next.js SaaS模板 可视化定价 CMS AI
相关文章