V2EX 07月22日 23:19
[分享创造] Nexty - 适用于多种场景的 Next.js SaaS 模板 (送 5 折优惠码)
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html

 

本文详细介绍了Nexty 2.0,一个为Next.js SaaS应用设计的开发模板。该模板在同类产品中脱颖而出,提供了独特的“可视化定价管理”和“可设置访问权限的CMS”两大核心功能,显著提升了开发效率和灵活性。可视化定价管理模块解决了以往修改定价易出错的问题,通过实时预览和一键拉取Stripe数据,确保了定价的准确性和安全性。高级CMS支持多语言内容编写、权限控制和富文本编辑,可用于博客或付费内容墙。此外,Nexty还提供了安全的支付Webhook处理方案,不依赖事件推送顺序,主动从Stripe读取数据,确保了权益分发的稳定性。模板还集成了Supabase Auth、AI能力封装、Resend邮件营销、多语言支持及AI驱动的落地页生成等常用功能,旨在帮助开发者快速构建功能完善、用户体验优秀且易于扩展的SaaS产品。

🌟 **可视化定价管理**:Nexty 2.0的核心亮点之一,通过直观的界面,开发者可以轻松管理定价方案,包括环境隔离、一键拉取Stripe定价信息、自动填充优惠券数据,并提供实时预览功能,确保了定价设置的准确性、效率和安全性,同时支持多语言定价展示和AI翻译。

📝 **高级CMS功能**:模板提供了一个灵活的CMS系统,支持多语言内容编写,用户可为内容设置不同的访问权限(公开、登录可读、付费会员可读),并支持富文本和Markdown编辑,甚至集成AI翻译。这使得它不仅能作为博客模块,还能快速构建付费内容墙,满足SaaS产品对内容管理和变现的需求。

🛡️ **安全的支付Webhook处理**:针对SaaS开发中常见的Webhook事件乱序问题,Nexty 2.0采用主动从Stripe读取最新数据进行处理的方案,完全规避了事件推送顺序依赖,分离了订阅信息更新与权益分发逻辑,提高了处理的稳定性、可测试性和可扩展性,让开发者能更专注于核心业务逻辑。

💡 **全面的SaaS开发支持**:除了独特功能,Nexty 2.0还集成了开发者常用的功能,如基于Supabase Auth的登录授权(支持社交登录、Cloudflare Turnstile)、AI能力封装与测试广场(支持多种AI提供商)、Resend邮件营销(含Newsletter订阅)、多语言支持、AI驱动的落地页生成,以及优秀的主题管理,为快速构建全球化SaaS产品提供了坚实基础。

最近几个月都在开发我的 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开发
相关文章