即刻App年轻人的同好社区
下载
置顶经过60次提交，全新版本的Nexty正式发布！🎉
今天凌晨，Nexty新版本正式合并到main分支，demo站也已经使用新版本部署：demo.nexty.dev
新版本更新内容：
🔐 认证系统: 从 Supabase Auth 迁移至 Better-auth，获得更强的灵活性和可控性。
🗄️ 数据库层: 从 Supabase Database 切换至 Drizzle ORM，提升开发者体验。
接下来继续加速开发新功能，为nexty客户带来更好的开发体验。
今天凌晨，Nexty新版本正式合并到main分支，demo站也已经使用新版本部署：demo.nexty.dev
新版本更新内容：
🔐 认证系统: 从 Supabase Auth 迁移至 Better-auth，获得更强的灵活性和可控性。
🗄️ 数据库层: 从 Supabase Database 切换至 Drizzle ORM，提升开发者体验。
接下来继续加速开发新功能，为nexty客户带来更好的开发体验。
12 03
科普一下Node奇数版和偶数版的区别。
昨晚有个Nexty客户遇到模板代码启动就报错的问题，经过一番线上沟通，确认了代码没有改动、环境变量没有问题。今天让他把代码打包给我，我启动了也没有复现。
相同代码、相同依赖，启动结果却不同，基本上可以确定是环境问题。正好看到Node发布25.2版本和宣布24.11版本成为稳定版本，我让他查一下Node版本，果然是奇数版本（25版本）。后来他安装了22版本就没问题了。
不熟悉Node的朋友肯定很好奇为什么新版本反而有问题。
这和Node版本规划和奇偶版本区别有关。Node每年版本更新节奏大概是这样：
- 每年4月，Node会发布一个偶数版
- 每年10月，会将4月发布的偶数版标记LTS，也就是长期维护状态
- 每年10月，还会发布一个奇数版本，奇数版本会引入一些实验性特性，为下一个偶数版本做实验
- 等到下一个4月份，新的偶数版本发布，奇数版本就停止维护
Node奇数版可能有破坏性更新且是短期维护的版本，偶数版才更像正式的大版本。我们日常开发要安装偶数版本，而且要选择LTS版本。
第二个问题是本地Node版本管理。
现在很多人做副业刚接触Node，用的Node版本都还很新，但是过几年就会发现自己用的Node变成老古董了，连新项目都无法启动。
比如，如果你还在用23年10月发布的Node 20.1，那你现在已经无法运行Next.js 16了，因为Next.js 16最低要求Node 20.9了。
不过好在Node可以多版本共存，而且切换版本很方便，你只需要告诉AI你的电脑系统和需要的Node版本，AI会给你完整的安装命令、切换版本命令、设置默认版本命令。
昨晚有个Nexty客户遇到模板代码启动就报错的问题，经过一番线上沟通，确认了代码没有改动、环境变量没有问题。今天让他把代码打包给我，我启动了也没有复现。
相同代码、相同依赖，启动结果却不同，基本上可以确定是环境问题。正好看到Node发布25.2版本和宣布24.11版本成为稳定版本，我让他查一下Node版本，果然是奇数版本（25版本）。后来他安装了22版本就没问题了。
不熟悉Node的朋友肯定很好奇为什么新版本反而有问题。
这和Node版本规划和奇偶版本区别有关。Node每年版本更新节奏大概是这样：
- 每年4月，Node会发布一个偶数版
- 每年10月，会将4月发布的偶数版标记LTS，也就是长期维护状态
- 每年10月，还会发布一个奇数版本，奇数版本会引入一些实验性特性，为下一个偶数版本做实验
- 等到下一个4月份，新的偶数版本发布，奇数版本就停止维护
Node奇数版可能有破坏性更新且是短期维护的版本，偶数版才更像正式的大版本。我们日常开发要安装偶数版本，而且要选择LTS版本。
第二个问题是本地Node版本管理。
现在很多人做副业刚接触Node，用的Node版本都还很新，但是过几年就会发现自己用的Node变成老古董了，连新项目都无法启动。
比如，如果你还在用23年10月发布的Node 20.1，那你现在已经无法运行Next.js 16了，因为Next.js 16最低要求Node 20.9了。
不过好在Node可以多版本共存，而且切换版本很方便，你只需要告诉AI你的电脑系统和需要的Node版本，AI会给你完整的安装命令、切换版本命令、设置默认版本命令。
3 12
7 00
SaaS 产品如何开发订阅升降级功能？
当你的 SaaS 产品用户增长后，很容易遇到订阅升降级和变更订阅周期的需求。
我们常说的订阅升降级其实包含两大类：
- 相同周期的计划升降级
- 不同周期的计划变更
再加上不同计划的权益设计区别，决定了不存在一套完善且通用的订阅变更逻辑，所以至今没有一个 SaaS 模板提供订阅升降级的处理方法。
Nexty.dev 模板在这个问题上更进一步，文档给出详细实现方法，包括开启订阅变更的前提和代码实现的思路，并公开了一个判断订阅变更类型的基础函数。
Nexty.dev 模板的客户只需针对不同计划的权益设计，明确自己想要的变更方式，让 AI 在指定函数里写代码就可以了。
文档地址🔗nexty.dev
当你的 SaaS 产品用户增长后，很容易遇到订阅升降级和变更订阅周期的需求。
我们常说的订阅升降级其实包含两大类：
- 相同周期的计划升降级
- 不同周期的计划变更
再加上不同计划的权益设计区别，决定了不存在一套完善且通用的订阅变更逻辑，所以至今没有一个 SaaS 模板提供订阅升降级的处理方法。
Nexty.dev 模板在这个问题上更进一步，文档给出详细实现方法，包括开启订阅变更的前提和代码实现的思路，并公开了一个判断订阅变更类型的基础函数。
Nexty.dev 模板的客户只需针对不同计划的权益设计，明确自己想要的变更方式，让 AI 在指定函数里写代码就可以了。
文档地址🔗nexty.dev
8 00
自动升级 Next.js 版本的工具： Next DevTools MCP。
和 Next.js 16 一起发布的还有一个好东西，就是 Next DevTools MCP。
先在 Cursor 上面添加 MCP 配置，然后通过自然语言就能帮你把代码升级到 Next.js 16。（如图）
我已经拿我的开源 Next.js 基础模板测试了，还挺顺利，现在它是一个 Next.js 16 的多语言启动模板了，欢迎使用👉 github.com
和 Next.js 16 一起发布的还有一个好东西，就是 Next DevTools MCP。
先在 Cursor 上面添加 MCP 配置，然后通过自然语言就能帮你把代码升级到 Next.js 16。（如图）
我已经拿我的开源 Next.js 基础模板测试了，还挺顺利，现在它是一个 Next.js 16 的多语言启动模板了，欢迎使用👉 github.com
2 01
Nexty.dev 有一个自动处理 metadata 的方法，只需要传入很少的信息，就能生成完善的 metadata，满足你的网站 SEO 指标。
绝大多数页面，只需传入多语言包编写好的 title、description 和页面路径，就能够自动生成完善的 metadata，包括 OG Image、canonicalUrl、hreflangs 在内的所有 SEO 优化信息。
有了这个自动处理方法，你不再需要编写重复、繁琐的 metadata，而且可以根据文档实现很多自定义需求，例如：
- 自定义 OG Image或动态 OG Image
- 部分页面没有多语言版本，无需生成所有语言的metadata
- 不想被搜索引擎索引的页面可添加 noIndex
文档🔗 nexty.dev
绝大多数页面，只需传入多语言包编写好的 title、description 和页面路径，就能够自动生成完善的 metadata，包括 OG Image、canonicalUrl、hreflangs 在内的所有 SEO 优化信息。
有了这个自动处理方法，你不再需要编写重复、繁琐的 metadata，而且可以根据文档实现很多自定义需求，例如：
- 自定义 OG Image或动态 OG Image
- 部分页面没有多语言版本，无需生成所有语言的metadata
- 不想被搜索引擎索引的页面可添加 noIndex
文档🔗 nexty.dev
6 22
分享一批实用的 Logo 生成与 OG Image 生成与测试工具
多尺寸Logo生成工具：
- icon.kitchen
- realfavicongenerator.net
- logo.surf
- ray.so
- www.bitbug.net （PNG to Favicon）
OG Image生成工具：
- myogimage.com
- www.canva.com
- og-playground.vercel.app
OG Image测试工具：
- Twitter Card Validator ：cards-dev.twitter.com
- Facebook Sharing Debugger：developers.facebook.com
- LinkedIn Post Inspector：www.linkedin.com
- Open Graph Debugger：www.opengraph.xyz
以后发现好用的工具会继续补充到文档，欢迎收藏👉nexty.dev
多尺寸Logo生成工具：
- icon.kitchen
- realfavicongenerator.net
- logo.surf
- ray.so
- www.bitbug.net （PNG to Favicon）
OG Image生成工具：
- myogimage.com
- www.canva.com
- og-playground.vercel.app
OG Image测试工具：
- Twitter Card Validator ：cards-dev.twitter.com
- Facebook Sharing Debugger：developers.facebook.com
- LinkedIn Post Inspector：www.linkedin.com
- Open Graph Debugger：www.opengraph.xyz
以后发现好用的工具会继续补充到文档，欢迎收藏👉nexty.dev
53 536
1 00
