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

- 状态 / Status: 已发布 / Published
- 时间 / Time: 2025-09-18T10:28:15+08:00
- 作者 / Author: -
- 主题 / Topics: AI / AI
- 原文 / Source: https://mp.weixin.qq.com/s/Jq4yg1hV3LwOTKo8WgZGcw

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

---

![图像](https://mmbiz.qpic.cn/sz_mmbiz_jpg/Zric2WoicldYpFoxDlkdVDD8eUu8n1ibsFhcV4j81zvBj2T83ZfNtbnicMUoeuQPP5IhEYBFa4DpeIJpUIHINaFrag/640?wx_fmt=jpeg&from=appmsg#imgIndex=0)

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

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 =

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

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

![图片](https://mmbiz.qpic.cn/sz_mmbiz_png/Zric2WoicldYpFoxDlkdVDD8eUu8n1ibsFhHLNppNQ94GeWaqs4cFsD895s1mgcDZwGtZjL6Ng6xMjz6DsZKbib24w/640?wx_fmt=png&from=appmsg#imgIndex=1)

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

最后是上线步骤：

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

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

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

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

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

欢迎沟通，讨论，转发。

![图片](https://mmbiz.qpic.cn/sz_mmbiz_png/Zric2WoicldYpFoxDlkdVDD8eUu8n1ibsFhtXqgUcILvu45ea5Jd5ouWFNFL6BWiaGCQwjNMl4tluacWNzMe8KwBSw/640?wx_fmt=png&from=appmsg#imgIndex=2)