他公开“弃用 Next.js”,却用这套栈 12 小时做完一个 AI 应用

AI PM 编辑部 · 2025年04月07日 · 2 阅读 · AI/人工智能

正在加载视频...

视频章节

一个重度 Next.js 用户,在 React Toronto 台上公开说:我现在最爱的栈,不是 Next.js。更反直觉的是,他用这套“反潮流”组合,周末 10 多个小时就上线了一个带登录、计费、AI 生图的完整产品。这不是炫技,而是一套正在悄悄流行的开发思路。

他公开“弃用 Next.js”,却用这套栈 12 小时做完一个 AI 应用

一个重度 Next.js 用户,在 React Toronto 台上公开说:我现在最爱的栈,不是 Next.js。更反直觉的是,他用这套“反潮流”组合,周末 10 多个小时就上线了一个带登录、计费、AI 生图的完整产品。这不是炫技,而是一套正在悄悄流行的开发思路。

最炸的一点:不是 Next.js,而是“纯 React + Vite”

Ras Mic 的开场就很挑衅:他不是不爱 Next.js,恰恰相反,他用 Next.js 做了无数项目。但现在,他最享受的开发体验,来自 React + Vite + pnpm + Router 的组合。

真正反直觉的地方在于:他是“主动回到纯客户端 React”的。没有 Server Components、没有 use client / server 的心智切换,也没有为了“是否跑在边缘”而反复权衡。Vite 启动即快,pnpm 依赖清爽,写代码时几乎只需要关心一件事:业务。

在路由层,他用的是 TanStack Router(或 React Router v7)。理由很实在:类型安全,而且支持文件式路由——“像 Next.js 一样,新建一个文件,路由就在那里”。这句话本身就点出了趋势:开发者并不迷恋框架名,他们迷恋的是低摩擦感。

一个耐人寻味的细节是,他明确说:Create React App 已经死了,而 Vite 成了新的事实标准。这不是情绪判断,而是工作实践的结果——他在公司用 Vite,在副业里也用 Vite,体验足够稳定,才敢在台上推荐。

身份验证为什么选 Clerk?不是情怀,是省事

在身份验证上,Ras Mic 继续“站队” Clerk。这一步经常被误解:用 Clerk 就等于不懂 Auth?他直接澄清:Better Auth 他也喜欢,甚至准备单独出一期视频。

但在副业和快速试错的语境下,Clerk 有一个决定性优势:它把“麻烦事”都包了。忘记密码、Magic Link、交易邮件,这些看似简单、但一做就要接第三方邮件服务、处理模板、管送达率的事情,Clerk 一条龙解决。

更关键的是免费额度。对一个还在验证想法的 AI 应用来说,前期成本不是“能不能用”,而是“会不会分心”。Clerk 的存在,让 Auth 从一个子项目,降级成了一个配置项。

这背后是一个很现实的判断:副业不是在比谁技术更纯,而是在比谁更快到达“有人愿意付钱”的状态。

Convex + Clerk:真正让人上头的是“无胶水”的后端

如果说前面只是“好用”,那 Convex 才是 Ras Mic 口中“hits different”的地方。

Convex 承担了他所有的 server functions、长任务和数据库。而真正让体验起飞的,是它和 Clerk 的深度集成:通过 JWT Template,用户身份可以直接出现在 Convex 的 context 里。

他说得很轻描淡写,但懂的人都知道这意味着什么:你不需要在前后端之间反复传递 token、解码、校验、兜底。在 mutation 里一句 getUserIdentity,用户就“天然存在”。

这种体验在 React 项目中尤为明显。Ras Mic 明确说:Convex 在 React 里,比在 Next.js 里更爽。不是 Next.js 不行,而是当你不再纠结“这是 server 还是 client”时,后端像是自然延伸出来的一部分。

从代码结构也能看出来:一个 image.ts,集中处理所有图片生成逻辑;Convex 目录清晰;路由层像布局系统一样直观。这不是炫架构,而是为速度服务的极简主义

宁愿多付 1%,也不碰 Stripe:这是一个信号

最有争议的选择,来自支付。

Ras Mic 用的是 Polar,而不是行业事实标准 Stripe。理由很直接:Stripe 抽成 3%,Polar 4%,但 Polar 的开发体验好太多。

他在现场打开文档演示:Checkout、Customer Portal、Webhook——代码就那么几段。没有长篇 SDK,没有层层抽象。“我愿意多付 1%,换一个不折磨我的周末。”

这句话其实点破了一个趋势:当越来越多开发者做的是“一个人公司”“小团队 AI 应用”,开发体验本身开始值钱了。时间不是线性的成本,而是机会成本。

为了证明这套栈不是 PPT,他展示了一个周末作品:用 Gemini 做图片生成(因为 GPT‑4o 的图像 API 还不可用),有积分系统、有支付、有后台 Dashboard。图片质量一般,但产品是完整的——而且 10 到 12 小时完成。

重点从来不在“生成得像不像”,而在:这套栈让“从 0 到可卖”变得异常短。

总结

这期分享最值得 AI 从业者记住的,不是某一个工具,而是一种取舍逻辑:当你做的是快速试错、个人项目、AI 应用原型时,降低心智负担,比技术完美更重要

React + Vite 让前端回到专注业务;Clerk 把 Auth 变成配置;Convex 把后端“吸”进 React;Polar 用更高的费率买回时间。这是一套为“速度”和“心流”优化的栈。

如果你正在做自己的 AI 应用,不妨问自己一个问题:现在卡住你的,是技术上限,还是工具摩擦?也许答案,会直接决定你这个周末能不能把产品真正做出来。


关键词: React, Vite, Convex, Clerk, AI应用开发

事实核查备注: 需要核查:视频发布时间 2025-04-07;Ras Mic 在 React Toronto 的分享背景;Stripe 抽成约 3%、Polar 抽成约 4% 的说法;GPT-4o 图像 API 在当时是否不可用;Gemini 被用于图像生成的描述。