三、新手3小时极限上线AI产品网站
作为程序员来说,最喜欢务实,不讲虚的。
所以讲完了创业史(具体看这篇:1个人,创业2年心酸史,做各种海外赚美金项目。这一次,你终于悟道了)我们再来讲讲如何3小时极限上线一个AI产品网站。
3.1 什么是AI产品网站出海?
AI产品网站出海,简单来说基于AI技术的产品,通过网站的形式面向海外市场。这不仅仅是语言的翻译,更是对海外用户需求的深度理解和产品的本地化适配。在如今这个AI快速发展的时代,海外市场对AI应用的接受度和付费意愿相对较高,特别是欧美市场。
AI网站出海的核心在于:
技术门槛低:借助现有的开发工具Cursor和AI API大模型,独立开发者也能快速搭建产品
市场需求旺盛:海外用户对AI工具的付费习惯已经形成(比如OpenAI,Claude)
竞争相对较小:相比国内市场,海外AI工具市场仍有大量空白领域
变形路径清晰:订阅制、按次付费等付费模式已被广泛接受。
3.2 为什么选择AI产品网站出海作为创业方向?
3.2.1 个人兴趣和优势
首先我做了5年内核开发程序员,一开始接触知识星球的时候,看到的都是国内各种平台,很明显就不感兴趣。
所以还是打工人的时候,一开始做的项目就是海外工具站。
但是虽然我是程序员,但程序员也分很多种,前端,后端,对于做一个网站,完全没有经验。
当时我记得捣鼓了很久,上线后各种报错,代码完全看不懂,后来就放弃了。
现在,完全不同了。
不需要懂代码,Cursor直接帮你搞定。
当然,要想做出一个成熟的AI产品网站,肯定还是要去学代码的,不然每次编程就和抽卡一样,太随机了。
每当一个bug解决、一个功能实现的实现,程序员的那种成就感油然而生。
其次,我做过很多海外项目,对这一块还是比较熟悉的,所以这些都是我的优势。
自然而然,我应该做AI产品网站出海。
3.2.2 试错成本很低
这里主要是讲资金成本。
相比于我做过的很多海外项目来说,AI产品网站的开发成本特别低。
一个网站:最便宜的几美金一年。
AI编程工具:Cursor(20美金一个月,之前的教育优惠直接免费1年)
其他:都是免费(是的,你没有看错)
下面这张图是网友总结的,可以看到:除了域名和AI编程工具,其他真的是免费的。 (程序员很老实,从来不骗人)

但是,这里要讲下但是,这里讲的是启动资金成本。
如果你的网站有流量了,很大,那你肯定也要投入资金买服务器了。
但这个时候,你也已经开始赚钱了,并且还不少。
所以说,试错成本真的很低。
自从我做过FB跨境电商后,真的再也不想去碰成本这么高的了。
这里还有一个费用,肯定很多人都很关心。
API调用费用
先给大家看一张图,我这次用的photomaker这个API
它一下生成4张图片,才0.0011美金。
从我开发到上线后找人测试,也才花了2.8美金。

并且我的API账号还是之前薅的羊毛,一共两个号,薅了100美金(用不完,完全用不完。)
就算你的网站上线后,你放心,也只会有少量的API调用。
除非很多人用,但这时候你已经开始赚钱了。
我现在用的有:
- Claude 4 :
某宝买共享账号,它给你一个账号池,每3个小时可以使用40次,非常方便。
用于写开发者文档,和claude讨论需求。

- Cursor pro账号
之前某鱼搞的教育优惠,100多块直接用1年。
- 其他
也就上站的时候买一个域名,几美金就行。其他真没了。
3.2.3 市场机会巨大
从个人兴趣和优势出发,不断试错,那也要去能赚到钱的地方是吧。
海外AI工具市场正处于爆发期,用户对新产品的接受度高,愿意为解决实际问题的AI工具付费。
光说没有用,我看看实际案例,我们都喜欢看见再相信。
- Pieter Levels
这是一个海外的独立开发者,一个人,做了这么多产品。
而且他所有的收入都列在了他的推上。

- 刘小排老师
老外大家可能觉得很遥远,我们看看国内。
一个人,创业后第一个产品就做到了100万月活,只用了1个月,并且做完就放放那了,都没做任何付费推广。

- 百里登风
这个人大家可能不太熟悉,这个人就是我(哈哈哈)
从0到1,上线一个MVP产品,用了3个多小时。
我特意用秒表测了一下自己的极限开发速度。
从看到需求到正式上线大概花了3个多小时(包含吃饭时间)。
个人认为还可以继续优化,大概2个小时就差不多可以完成。

这是我开发的产品,10大场景下的AI摄影生成工具。(目前小bug还比较多,当然后面需要慢慢优化,比如登陆界面还没做,支付还没接等等。)

看到现在,大家肯定很枯燥了吧。
所以,我们先来看看我花了3个小时,做出的产品,让你先感受下我的乐趣,或者以后也会成为你的乐趣。
原始图片:

场景一:专业证件照片
场景二:社交和约会照片
场景三:健身锻炼照片
场景四:旅行照片
场景五、婚礼照片
好,不能再放了,再放怕你睡不着。
是不是很牛逼,很逼真,虽然我不知道有没有人做过这种产品,但至少它很有趣,那就可以了。
- 大家
AI时代,每一个人都有机会,每个人都可以做出自己的AI产品网站,所以能看到这里的,都要给大家留个位置。
3.3 如何发现海外AI摄影场景需求?
当然不是我想出来的,自己拍脑袋想出来的几乎都不行。
我是群里看到的,一个网站,一个月13万刀。

这时候,好奇心就来了,这是什么网站?(好奇心往往会有一些发现)
这个网站其中一个功能就是上传自拍,制作自己的AI人物
刚才我才发现,它也有AI场景功能,不过它要输入提示词,我直接固定10个场景。
大家都很懒,肯定会直接吃喂到嘴边的饭,而不是自己去找饭吃,所以固定10个场景,不需要用户输入提示词(这一点很重要)

真正吸引我的是真实感,连眼球都能看清楚。这也太太厉害了,AI一般给人的感觉都很假。
所以我也想开发一个类似的AI摄影图片功能。

其实这一步之后,还需要市场调研,竞品分析,差异化思考。
因为你能想出来的东西,肯定大家都做过了,但不妨碍我们去玩。
是的,你没有看错,就是玩。
3.4 从0到1:3小时极限MVP开发全流程
3.4.1 用claude写需求文档
总算进入正题了,到这你已经看了3908个字,我已经写了一下午加一晚上了,腰都酸了,现在已经22:48分了,奈何就是想写呢。

好,继续(下面的教程大家放心,因为我之前公众号写AI工具使用方法都写的很细,自己都体验过一遍,生怕大家错过每一个步骤。)
看到一个需求后,第一步,不是直接用Cursor实现一个完整的产品,而是先和AI讨论,写一个开发者文档。(这一步很重要)
为什么很重要?这里要说一下。
因为你如果不写这个文档,可能你一边开发,一边脑子里就已经想到一个新功能,做着做着就跑偏了。
很多人觉得写开发者文档很难,需要长篇大论。
其实,不需要。
AI就是你的员工,就是你的伙伴,就是你的合伙人。
比如:我要开发一个AI摄影产品。
你这么说:
我想要开发一个网站,用户上传头像后,为用户创建各种场合的逼真的照片。我们来聊聊这个需求,你觉得应该怎么做?
接下来,你就继续和它聊天,随便聊,就把它当作你的员工,直到你的想法和它的答案对上,就可以了。
比如我说:
我需要10个有痛点需求的场景。
下一步:做出MVP需求文档
你和它说:
你先做MVP,帮我产生一份MVP需求文档,尽量简单。
好,这时候,你的员工就帮你干活了。把这份文档保存在飞书里。
下面的是我让AI生成的需求文档。

这里有一个比较有意思的点,claude 可以生成图文形式的需求文档。
给大家看看我的,非常好玩。一目了然。

3.4.2 V0做出产品原型
有了需求文档,不是去直接开发产品了,而是先做个产品原型。
这个就像你想吃鸡腿,你脑海里就会有一个鸡腿的样子(这个叫心理表征,可以看《刻意练习》)
那你现在只有一个文档,没有一个产品的样子,所以先把这个样子做出来。
V0网址:v0.dev/
这里注意一点,我们做一个产品原型,只做壳子就行。具体的功能先不实现,因为具体的功能比较复杂,它比较难做,后面去Cursor里做。
你这样告诉V0:
我要做一个给外国人生成AI摄影图片的产品,使用NextJS框架。
你只需要帮我做一个产品原型,不需要实现具体的功能,
设计的风格尽可能参照小红书的风格。
下面是需求开发文档。(这里你把刚才生成的需求文档复制给他)

然后,等一会,十分钟吧,他就给你生成好了,中间可能会遇到一些报错,直接点击按钮让它修复就可以。
我们来看看具体的效果。

是不是非常不错?
是的,但是我们还需要实现它实际的功能。
3.4.3 Cursor开发实际功能
好,现在我们来真正做实际的功能。
- 下载V0生成的代码,点击右上角下载代码。

- 打开Cursor,先让Cursor帮你总结下代码功能
告诉Cursor员工:帮我看看我的所有代码,告诉我这个项目干了什么?
- 让代码在本地运行起来
总结完之后,我们需要把代码在本地跑起来。
因为V0生成的代码是在他们自己的服务器上运行起来的,我们下载下来后,需要重新在本地运行。
告诉Cursor员工:帮我在本地运行这个项目。
Cursor员工一顿操作后,终于搞定了。
运行命令:npm run dev
就会给你一个地址:

鼠标移动到上面,单击就可以打开,看到网站效果。
如果这时候出现问题,比如网站打开报错,直接截图告诉Cursor员工,同时把终端里的报错信息告诉Cursor员工。
一遍不行两遍,两遍不行三遍,直到修复成功。

- 选择合适的API
比如我开发的产品是AI摄影图片,这个时候不知道用什么API。
此时,就可以问claude:
我想做一款产品,用户上传头像后,为用户创建各种场合逼真的照片。我参照的是这个网站:photoai.com。我想知道,有没有现成的API可以让我调用?
好,这个时候claude就会提供各种API。
由于我在fal.ai上有余额,就可以让claude限定在fal.ai上找。
网址:fal.ai/
在上方搜索栏中搜索:photomaker

就出现了这个模型

我们点击API,就可以看到所有的API文档介绍。

这里我们只需要把这个地址链接复制下来,文档都不需要看:
这里还有一步,你需要创建一个密钥。
4.1 点击账号设置

4.2 点击 API keys

4.3 点击增加密钥

4.4 给它起个名字,根据你的项目来定,比较好分辨。点击创建。

4.5 点击复制,之后把这串密钥保存在你的记事本上。

- Cursor实现核心功能
告诉Cursor:
请帮我实现核心功能,使用photomaker API
这是API的说明文档:@ fal.ai/models/fal-...
这是API key:XXX
这里为了安全,API key这个信息比较敏感。
所以我们一般会直接在项目根目录创建一个.env环境变量文件,手动把key进去。
因为Cursor读取不了这个文件。
这里就是不断的调试了,cursor员工自认为干好之后,你就要去检查了。
和之前一样,运行命令:npm run dev
然后在本地调试,测试实际功能。
一旦哪个功能不对,报错,就告诉AI,截图,复制都可以。
最后,一顿操作,你觉得差不多了,就可以了。
3.4.4 将代码提交到Github
在Cursor中开发代码的时候,有可能出现之前改好的功能它又给你改错了,结果可能改了半天的代码都白改了。
点击这里,就可以开始代码管理,初始化仓库。

每次修改完一个主要功能之后,都可以在这里提交一下。最后代码没问题后,我们可以提交到Github。在提交代码之前,我们还要确认下代码是否正确。
运行命令:npm run build
如果像这样全是勾,那就是没问题。

当代码没问题后,点击提交。
这里输入你想在Github上创建的仓库名,选择私有仓库。

最后提交成功。
3.4.5 Vercel部署
- 打开vercel,创建一个新项目
网址:vercel.com

- 选择部署的项目,点击 导入,点击 部署

- 部署成功后添加环境变量,在设置中找到环境变量,把.env文件内的内容放进去。

- 开始部署
部署成功后,以后每次提交代码后都可以自动部署。部署不成功的话,可以把logs信息直接复制给Cursor就可以。

3.4.6 购买域名 正式上线
- 给网站取名字
域名就是 baidu.com 这种,首先我们要确定给我们的产品网站起一个名字。
比如,我让claude 帮我取了一个,叫:headshotpro
- 购买域名
确定好名字之后,去域名注册平台购买域名,比如:Namecheap
购买完成后,就可以去vercel上配置域名了。

3.4.7 上线后的用户测试以及初步反馈
上线之后,只是代表你的产品MVP开发完成了,这只是第一步。
还需要进行用户测试,得到初步的反馈。
比如我把网站发在了各种群里,让用户给我提建议。


这时候,你会得到很多很多建议。比如:




是的,这些都很正常。
但也不是每个问题都要去修复,首先一定要确保核心功能没问题。其他的问题可以先记下来,等后面用户量上来后再修改也不迟。
3.4.8 后续工作
后面还有很多很多工作:
比如:注册、登陆功能
比如:增加各种页面
比如:接入支付功能
比如:每天查看网站数据
比如:每天通过屏幕录制看用户在干什么
虽然事情很多,但是在这个过程中,你会发现很多乐趣。
四、个人成长与收获
4.1 从每日复盘中发现问题
目前的这一切,都源自开始每日复盘,发现自己的问题,然后不断改正。
从复盘中学到了:
-
创业要厚脸皮,遇到不懂的,就要问清楚,就算被大佬骂,也要问明白。
-
要放下自己的ego,不骄傲,不自大,保持谦卑。不去辩驳,为了一个观点争的面红耳赤。
-
要每日复盘,每周复盘,每月复盘。
-
带着发现的眼光去体验世界,感受创业,你会发现很多有意思的东西。
-
要不断刻意练习,找到自己的导师,及时纠正自己的错误,获得有效的正反馈。
-
赚到钱只是一个结果,要不断创造自己的价值。通过自己的专长,找到社会的需求,从而创造价值。
等等。
4.2 目前的收获
- 这里非常感谢洋哥,是洋哥拿生命在做的交付,让我能一直坚持下去。从商业IP课到心力课,洋哥一直没有放弃我们。
具体讲讲在破局的收获,以及给新手朋友一点启发。
1.1 首先,看各种精华文章,一开始把破局所有的精华都刷一遍,给自己一个星期的时间去刷。
这里特别注意,看的时候不要焦虑,就把它当作看书。
因为你只有建立赚钱的认知,看过很多案例,才有可能赚到钱。
并且一定要限定时间,不能一直看。
我现在每天都会固定时间看看精华帖和中标。
1.2 看完之后,立马行动,根据自己的兴趣和优势。
比如我参加了很多行动营。不断行动才有机会。
干中学,不断刻意练习,遇到不懂的就在群里问,教练就是你的导师,可以不断指出你的问题,获得及时有效的正反馈。



所以一定要积极去参加行动营,这些都是低成本尝试,只有做,才有结果,只是一直想,特别耗费心力。
事情是做出来的,而不是想出来的。
1.3 其实最重要的是线下组局。
也正是在洋哥的鼓励下,我组了第一次局,当时来了好多小伙伴,并且大家都非常年轻,来自周边城市,南京的,苏州的小伙伴也都赶了过来。
大家聊的很爽,还一起吃了晚上。

我现在的一起赚钱小群有4个人,有两个都是那天线下组局认识的,大家在群里一起分享认知,收获,一起互相鼓励。
创业路上需要这样一群人,一群志同道合的人。
还有北京行动家大会,一共3天,真的是头脑风暴,大家一聊聊到凌晨,一天就睡4个小时。
在回来的高铁上,看着洋哥给的《超级个体 从0到百万变现》,写下了下面这么多感悟。

1.4 还有洋哥用生命的交付
从一开始的商业IP课到产品课,心力课等等,各种各样的课程。这价值我就不说了,生怕大家跑不出来。
各种密训,各种直播。
我的手机里全都是洋哥的录屏,常听常新。
焦虑了,听一听,缓解缓解。
迷茫了,听一听,找找方向。
没有动力了,听一听,打个鸡血,继续往前。

这里建议大家还是看直播,因为录屏后肯定不会去看,看直播的效果最好。
真的,只要你不放弃自己,什么时候都有可能。每个人都有自己的节奏,按照自己的节奏来,成功只是时间问题。
目前的成绩:
今天写的这篇公众号已经到了400多阅读,目前还在上涨。

后面,继续努力,争取做出自己的IP,再次感谢洋哥。
- 感谢惰总凌晨3点还在群里给我们解决问题
就怕我们赚不到钱,都要直接投喂了。

是惰总让我知道了事前逻辑。
创业,做项目一定不能用事后逻辑,别人的成功是不可复制的。时刻用事前逻辑,根据自己的优势、经历、资源来选择你的创业项目,形成自己的创业选品逻辑。
一个财富自由的大佬居然愿意每个月带着我出去跑一次,我何德何能啊。这个多大价值就不说了吧,再次感谢惰总。

- 感谢刘小排老师,是刘小排老师让我明白了做产品可以这么快乐。
小排老师每次都会在视频结尾说一句类似的话:赶紧去玩起来吧。玩个一整天吧。
是啊,玩起来,跟着自己的兴趣,不断探索,多有意思啊。
这些都是我创业路上的贵人,能及时发现你的问题,给你提供有效的正反馈。
也希望大家都能找到自己的乐趣,去吧,赶紧去玩起来吧!
tips:
好了,今天写完了AI网站产品的复盘,如果点赞多的话,下一篇就会很快与大家见面了(预告:一个完全不懂代码的新手(我女朋友),从0到1,做出一款类似forest的专注森林,学习倒计时APP,目前已经上架。)
技术完全没有门槛,一个拼创意的时代来了!
学会了或有启发,别忘了给我点个赞,评论,转发~因为你的反馈真的很重要!
最后,如果你对AI网站出海感兴趣,欢迎关注公众号 百里登风AI
加 luffy10004 ,领取一份《AI网站出海新手指南》资料包。