已发布 / Published 2025-09-18T10:28:15+08:00

十分钟上线一个带登录支付全套文生图生视频ai saaas的web小产品

这是我差不多花了几个月想明白和开始实践的。nanobanana.ai二十天三百万，靠的就是这种不断打磨积累优化的saas模版。

AI / AI

原文链接 / Source link

这是我差不多花了几个月想明白和开始实践的。

nanobanana.ai二十天三百万，靠的就是这种不断打磨积累优化的saas模版。

带有登录支付，文生图生视频的api，多语言功能。

本文只是个提纲挈领抛砖引玉，具体要让ai搞很久的代码。

先说技术栈：

vercel+next.js+neon+stripe+kie+better auth

vercel是托管平台，可以很方便看日志

next.js现在大家都流行用这个写saas

neon是纯数据库，具体是啥也没深入研究

stripe收款很方便，上线产品不需要审核

kie我暂时用这个平台，后期会接入多个

better auth感觉比next auth和supabase优雅方便

再说环境变量：

大概有几类，域名类的

NEXT_PUBLIC_BASE_URL=

PRODUCTION_DOMAIN=

WWW_DOMAIN=

数据库类的

DATABASE_URL=

认证类的

BETTER_AUTH_SECRET=

GOOGLE_CLIENT_ID=

GOOGLE_CLIENT_SECRET=

NEXT_PUBLIC_GOOGLE_CLIENT_ID=

支付类的

STRIPE_SECRET_KEY=

STRIPE_WEBHOOK_SECRET=

NEXT_PUBLIC_STRIPE_PRICE_TRY_MONTHLY=

NEXT_PUBLIC_STRIPE_PRICE_TRY_YEARLY=

NEXT_PUBLIC_STRIPE_PRICE_CREDITS_STARTER=

邮件类的

RESEND_API_KEY=

RESEND_AUDIENCE_ID=

API 平台类的

OPENROUTER_API_KEY=

KIE_API_KEY=

追踪类的

NEXT_PUBLIC_PLAUSIBLE_DOMAIN

NEXT_PUBLIC_GOOGLE_ANALYTICS_ID=

这里面你还可以加很多，但是目前我觉得这些够了

当然还有很多小细节，而且还需要一些提效脚本

这里面目前最费时间的是stripe加十几条雷达规则，只能手动挨个添加，后面考虑做个小插件方便自用提效

最后是上线步骤：

第一步买域名，绑定cloudflare和vercel，我就不说了基础操作，这个要提前做，因为域名验证还挺花时间的

第二步，找关键词和调研需求，基本上两个文档做好后发给ai就不用管了直接自动传github

第三步，vercel直接部署，同时修改这一系列环境变量，stripe加好雷达

好了，三步骤，产品就上线完成，登录支付认证api接口全都没啥问题

模版不卖，我还在更新迭代，人家靠这个日入万刀了都，我再不计捡破烂出海捡垃圾月入万刀，也比卖给你万把块强吧，何况很多人还很心疼钱呢。

欢迎沟通，讨论，转发。