3小时,从0到1上线MVP海外AI网站产品!深度复盘

三、新手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调用。

除非很多人用,但这时候你已经开始赚钱了。

我现在用的有:

  1. Claude 4 :

某宝买共享账号,它给你一个账号池,每3个小时可以使用40次,非常方便。

用于写开发者文档,和claude讨论需求。

  1. Cursor pro账号

之前某鱼搞的教育优惠,100多块直接用1年。

  1. 其他

也就上站的时候买一个域名,几美金就行。其他真没了。

3.2.3 市场机会巨大

从个人兴趣和优势出发,不断试错,那也要去能赚到钱的地方是吧。

海外AI工具市场正处于爆发期,用户对新产品的接受度高,愿意为解决实际问题的AI工具付费。

光说没有用,我看看实际案例,我们都喜欢看见再相信。

  1. Pieter Levels

这是一个海外的独立开发者,一个人,做了这么多产品。

而且他所有的收入都列在了他的推上。

  1. 刘小排老师

老外大家可能觉得很遥远,我们看看国内。

一个人,创业后第一个产品就做到了100万月活,只用了1个月,并且做完就放放那了,都没做任何付费推广。

  1. 百里登风

这个人大家可能不太熟悉,这个人就是我(哈哈哈)

从0到1,上线一个MVP产品,用了3个多小时。

我特意用秒表测了一下自己的极限开发速度。

从看到需求到正式上线大概花了3个多小时(包含吃饭时间)。

个人认为还可以继续优化,大概2个小时就差不多可以完成。

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

看到现在,大家肯定很枯燥了吧。

所以,我们先来看看我花了3个小时,做出的产品,让你先感受下我的乐趣,或者以后也会成为你的乐趣。

原始图片:

场景一:专业证件照片

场景二:社交和约会照片

场景三:健身锻炼照片

场景四:旅行照片

场景五、婚礼照片

好,不能再放了,再放怕你睡不着。

是不是很牛逼,很逼真,虽然我不知道有没有人做过这种产品,但至少它很有趣,那就可以了。

网站地址:www.headshotpro.art/。

  1. 大家

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开发实际功能

好,现在我们来真正做实际的功能。

  1. 下载V0生成的代码,点击右上角下载代码。
  1. 打开Cursor,先让Cursor帮你总结下代码功能

告诉Cursor员工:帮我看看我的所有代码,告诉我这个项目干了什么?

  1. 让代码在本地运行起来

总结完之后,我们需要把代码在本地跑起来。

因为V0生成的代码是在他们自己的服务器上运行起来的,我们下载下来后,需要重新在本地运行。

告诉Cursor员工:帮我在本地运行这个项目。

Cursor员工一顿操作后,终于搞定了。

运行命令:npm run dev

就会给你一个地址:

鼠标移动到上面,单击就可以打开,看到网站效果。

如果这时候出现问题,比如网站打开报错,直接截图告诉Cursor员工,同时把终端里的报错信息告诉Cursor员工。

一遍不行两遍,两遍不行三遍,直到修复成功。

  1. 选择合适的API

比如我开发的产品是AI摄影图片,这个时候不知道用什么API。

此时,就可以问claude:

我想做一款产品,用户上传头像后,为用户创建各种场合逼真的照片。我参照的是这个网站:photoai.com。我想知道,有没有现成的API可以让我调用?

好,这个时候claude就会提供各种API。

由于我在fal.ai上有余额,就可以让claude限定在fal.ai上找。

网址:fal.ai/

在上方搜索栏中搜索:photomaker

就出现了这个模型

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

这里我们只需要把这个地址链接复制下来,文档都不需要看:

fal.ai/models/fal-...

这里还有一步,你需要创建一个密钥。

4.1 点击账号设置

4.2 点击 API keys

4.3 点击增加密钥

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

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

  1. 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部署

  1. 打开vercel,创建一个新项目

网址:vercel.com

  1. 选择部署的项目,点击 导入,点击 部署
  1. 部署成功后添加环境变量,在设置中找到环境变量,把.env文件内的内容放进去。
  1. 开始部署

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

3.4.6 购买域名 正式上线

  1. 给网站取名字

域名就是 baidu.com 这种,首先我们要确定给我们的产品网站起一个名字。

比如,我让claude 帮我取了一个,叫:headshotpro

  1. 购买域名

确定好名字之后,去域名注册平台购买域名,比如:Namecheap

购买完成后,就可以去vercel上配置域名了。

3.4.7 上线后的用户测试以及初步反馈

上线之后,只是代表你的产品MVP开发完成了,这只是第一步。

还需要进行用户测试,得到初步的反馈。

比如我把网站发在了各种群里,让用户给我提建议。

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

是的,这些都很正常。

但也不是每个问题都要去修复,首先一定要确保核心功能没问题。其他的问题可以先记下来,等后面用户量上来后再修改也不迟。

3.4.8 后续工作

后面还有很多很多工作:

比如:注册、登陆功能

比如:增加各种页面

比如:接入支付功能

比如:每天查看网站数据

比如:每天通过屏幕录制看用户在干什么

虽然事情很多,但是在这个过程中,你会发现很多乐趣。

四、个人成长与收获

4.1 从每日复盘中发现问题

目前的这一切,都源自开始每日复盘,发现自己的问题,然后不断改正。

从复盘中学到了:

  1. 创业要厚脸皮,遇到不懂的,就要问清楚,就算被大佬骂,也要问明白。

  2. 要放下自己的ego,不骄傲,不自大,保持谦卑。不去辩驳,为了一个观点争的面红耳赤。

  3. 要每日复盘,每周复盘,每月复盘。

  4. 带着发现的眼光去体验世界,感受创业,你会发现很多有意思的东西。

  5. 要不断刻意练习,找到自己的导师,及时纠正自己的错误,获得有效的正反馈。

  6. 赚到钱只是一个结果,要不断创造自己的价值。通过自己的专长,找到社会的需求,从而创造价值。

等等。

4.2 目前的收获

  1. 这里非常感谢洋哥,是洋哥拿生命在做的交付,让我能一直坚持下去。从商业IP课到心力课,洋哥一直没有放弃我们。

具体讲讲在破局的收获,以及给新手朋友一点启发。

1.1 首先,看各种精华文章,一开始把破局所有的精华都刷一遍,给自己一个星期的时间去刷。

这里特别注意,看的时候不要焦虑,就把它当作看书。

因为你只有建立赚钱的认知,看过很多案例,才有可能赚到钱。

并且一定要限定时间,不能一直看。

我现在每天都会固定时间看看精华帖和中标。

1.2 看完之后,立马行动,根据自己的兴趣和优势。

比如我参加了很多行动营。不断行动才有机会。

干中学,不断刻意练习,遇到不懂的就在群里问,教练就是你的导师,可以不断指出你的问题,获得及时有效的正反馈。

所以一定要积极去参加行动营,这些都是低成本尝试,只有做,才有结果,只是一直想,特别耗费心力。

事情是做出来的,而不是想出来的。

1.3 其实最重要的是线下组局。

也正是在洋哥的鼓励下,我组了第一次局,当时来了好多小伙伴,并且大家都非常年轻,来自周边城市,南京的,苏州的小伙伴也都赶了过来。

大家聊的很爽,还一起吃了晚上。

我现在的一起赚钱小群有4个人,有两个都是那天线下组局认识的,大家在群里一起分享认知,收获,一起互相鼓励。

创业路上需要这样一群人,一群志同道合的人。

还有北京行动家大会,一共3天,真的是头脑风暴,大家一聊聊到凌晨,一天就睡4个小时。

在回来的高铁上,看着洋哥给的《超级个体 从0到百万变现》,写下了下面这么多感悟。

1.4 还有洋哥用生命的交付

从一开始的商业IP课到产品课,心力课等等,各种各样的课程。这价值我就不说了,生怕大家跑不出来。

各种密训,各种直播。

我的手机里全都是洋哥的录屏,常听常新。

焦虑了,听一听,缓解缓解。

迷茫了,听一听,找找方向。

没有动力了,听一听,打个鸡血,继续往前。

这里建议大家还是看直播,因为录屏后肯定不会去看,看直播的效果最好。

真的,只要你不放弃自己,什么时候都有可能。每个人都有自己的节奏,按照自己的节奏来,成功只是时间问题。

目前的成绩:

今天写的这篇公众号已经到了400多阅读,目前还在上涨。

后面,继续努力,争取做出自己的IP,再次感谢洋哥。

  1. 感谢惰总凌晨3点还在群里给我们解决问题

就怕我们赚不到钱,都要直接投喂了。

是惰总让我知道了事前逻辑。

创业,做项目一定不能用事后逻辑,别人的成功是不可复制的。时刻用事前逻辑,根据自己的优势、经历、资源来选择你的创业项目,形成自己的创业选品逻辑。

一个财富自由的大佬居然愿意每个月带着我出去跑一次,我何德何能啊。这个多大价值就不说了吧,再次感谢惰总。

  1. 感谢刘小排老师,是刘小排老师让我明白了做产品可以这么快乐。

小排老师每次都会在视频结尾说一句类似的话:赶紧去玩起来吧。玩个一整天吧。

是啊,玩起来,跟着自己的兴趣,不断探索,多有意思啊。

这些都是我创业路上的贵人,能及时发现你的问题,给你提供有效的正反馈。

也希望大家都能找到自己的乐趣,去吧,赶紧去玩起来吧!

tips:

好了,今天写完了AI网站产品的复盘,如果点赞多的话,下一篇就会很快与大家见面了(预告:一个完全不懂代码的新手(我女朋友),从0到1,做出一款类似forest的专注森林,学习倒计时APP,目前已经上架。)

技术完全没有门槛,一个拼创意的时代来了!

学会了或有启发,别忘了给我点个赞,评论,转发~因为你的反馈真的很重要!

最后,如果你对AI网站出海感兴趣,欢迎关注公众号 百里登风AI

加 luffy10004 ,领取一份《AI网站出海新手指南》资料包。

相关推荐
库森学长43 分钟前
一文带你 "看见" MCP 的过程,彻底理解 MCP 的概念
llm·ai编程·mcp
用户4099322502121 小时前
FastAPI秒杀库存总变负数?Redis分布式锁能帮你守住底线吗
后端·ai编程·trae
MrSYJ2 小时前
Chat Memory你知道怎么用吗
llm·openai·ai编程
飞哥数智坊13 小时前
多次尝试用 CodeBuddy 做小程序,最终我放弃了
人工智能·ai编程
量子位18 小时前
马斯克周末血裁xAI 500人
人工智能·ai编程
算家计算18 小时前
OpenAI最强编程模型GPT-5-Codex发布!可独立编程7小时,编程效率提升10倍
人工智能·ai编程·资讯
飞哥数智坊1 天前
AI 编程一年多,我终于明白:比技巧更重要的,是熟练度
人工智能·ai编程
用户4099322502121 天前
FastAPI的CI流水线怎么自动测端点,还能让Allure报告美到犯规?
后端·ai编程·trae
AryaNimbus1 天前
你不知道的 Cursor系列(三):再也不用死记硬背 Linux 命令,终端 Cmd+K 来帮你!
前端·ai编程·cursor
张拭心1 天前
这就是流量的力量吗?用豆包 AI 编程做的xhs小组件帖子爆了
前端·ai编程·豆包marscode