EP.04 · 闭门会
网站上线第三天，Ray 收到了第一笔付费 —— 产品出海（上）
去年 4 月，GPT-4o image 出来的几天里，Ray 看着 Twitter 上漫天的吉卜力风格头像，做了一个决定——把笔记软件的方案先放下，今天就开始做一个图片生成站。
两三天后，网站上线。再两三天，他收到了第一封陌生人的付款邮件。然后用户注册到第 100 人时，登录系统挂了。
这是 5 月 27 日草诀歌 AI Labs 第四期闭门分享的开场故事。Ray Sun，全栈开发者，出海产品 Newyougo 的作者，给我们完整复盘了一个出海网站的诞生过程。
这一场是上篇：从想法到上线，从上线到能被搜索引擎收录、被你自己看到。 下篇——怎么获客、怎么转化、第一美金真正是怎么来的——下次讲。
一、选题跟着市场信号走
Ray 一开始想做笔记软件，后来转折发生在 GPT-4o image 出来的那两周。他在 Twitter 上看到吉卜力风格刷屏，开发者们已经开始套壳收单，Google Trends 上 ghibli 这个词从平均热度暴涨：
他的判断逻辑：
不是从"我想做什么"开始，而是看"市场正在关注什么"。
这一段里我最喜欢的细节是关键词选择——Ray 没有押"吉卜力"这个具体风格词，而是押了"4o" / "GPT-4o image"这个更宽的模型词。损失了吉卜力的垂直搜索流量，但承接了更广的图片生成场景。"反正这就是一次实验"，他这样说。
二、MVP 的关键不是加功能，是砍功能
MVP 的关键不是功能多，而是让用户尽快完成一次"输入 → 生成 → 看到结果"。
支付是上线之后第二三天补的；提示词库是后来从 Twitter 和 GitHub 整理来的；后台是用户用起来才发现"我都不知道有几个人注册"才补的。
砍功能在 vibe coding 时代更重要——AI 能帮你做出十倍的功能，但不能帮你判断哪十分之一才是关键。
三、和 AI 聊的第一步不是写代码，是规划
这是 Ray 给所有 vibe coder 的一个具体动作：
- 描述目标：做一个 4o image 生成网站
- 描述路径：落地页 → 注册 → 积分 → 输入 → 生成 → 下载
- 拆成模块：页面、工作台、登录、积分、生成接口、部署
- 给验收标准：每个模块怎么判断完成，哪里需要人工确认
"先让 AI 做规划，再让他写代码。"——这一条非常符合我一直在说的一件事：AI 让你更快，但需求边界要由人来定，不能让 AI 自己往前跑。
四、上线不是写完代码，是能被陌生人访问
每一个环节都可能掉链子。
最经典的一次掉链子，发生在Ray第一个网站上线之后——他把 Clerk 的开发环境配置直接放到了生产环境。用户注册到第 100 人时，系统挂了。他查了一整晚才发现问题。
第二次掉链子：用户买了积分，积分没自动发放，得手动一个个补。
"直到网站上线之后，用户用起来了，我才开始看到我有很多细节不足的地方，所以后面就处于一个救火的过程。"
这一段是整场分享里我觉得最有教学价值的地方——不是因为它教了你某项技术，而是因为它告诉你：上线只是真实世界的开始，不是结束。
域名层面 Ray 推荐两个固定动作：Cloudflare 托管 DNS（很多服务免费，二十个域名压在上面也没问题），部署用 Vercel（Next.js 官方生态，第一版最快路径）。后续如果项目多了、成本敏感了，再迁到自建服务器 + Dokploy 这种自部署方案。
对了，他也提到为什么不在国内做——之前部署一个国内域名，光备案就花了将近一个月。海外域名不需要备案，解析做完就能访问。
五、上线之后，先装上三块"眼睛"
代码上线之后，你需要三块仪表盘：
- Google Search Console——让搜索引擎能找到你
- Plausible——访问数据看板，今天来了多少人、从哪儿来
- Clarity——用户行为录屏，可以一帧帧看真实用户的鼠标轨迹
Clarity 那段 Ray 特别强调——你能看到用户点了"支付"但没付钱，可以对照他的录屏直接定位失败点。
外加一个工具AI TDK——免费插件，帮你检查网站的 SEO 标签是否齐全。
关于这四期，我自己的一些感受
Q&A 结束之后，自由交流的时候，老朋友Daniel Liu第一次参加，问了我一个问题——草诀歌AI社区现在到底在做什么。
我借这个机会复盘了一下前四期：
- EP.01 我和无极的分享，社区首期共创
- EP.02 文科生的两种路径——有想法，但常常卡在工程
- EP.03 一位非编程出身的工程师，一个月烧掉8.8亿token的案例
- EP.04 Ray 是开发者，分享产品出海0-1的经验
四期下来，我自己也在重新理解这个社区到底要服务谁——类似产品的需求验证。
最早的标签是"文科生vibe coding"，但做着做着我发现——是不是"文科背景"似乎没那么重要。关键的共同点是"想用AI做自己产品的人"。这件事和你学什么专业没有太多关系。
第二个重要的是“我是谁”。当软件和内容都在激增，没有特点的产品没有竞争力。 而特点往往是从者本身长出来的——他怎么看世界、他的来路、他的气质。所以我们既关注 vibe coding 能做什么，也关注做这件事的人是谁。
中间也有朋友建议社区扩张得更快一些。我的回答有点理想主义——它在自然长大，不想拔苗助长，我希望它是大家真正需要的东西。
PS:
我也踩了一个vibe coding的坑，昨天会议前临时vibe的会议白板工具，本来开会期间大家提了10多个问题，刷新后记录都没有了😭
下篇 Ray 会接着讲：
- 怎么让陌生人看到这个网站
- SEO / Ads / 社区冷启动怎么做
- 怎么搞定支付
- 第一美金是市场给你的真实回信
往期回顾：
她做了爆款，他做了自用工具——文科生的两种vibe coding路径