完整内容请移步阅读： https://mp.weixin.qq.com/s/n2KvQRy_30qMhP1b0zRKFA

前言

今年在尝试做 AI 出海产品，严格意义上这是我的第一款出海产品，之前我开源了很多作品，其中几个还可以，在 GitHub 收获了 5k+ Star ，小范围内有些影响力，但是之前的用户可能并不是下一个产品的目标用户，所以我就认为我是从 0 开始。

与之前不同的是这次我基本跑通了闭环：用户获取 -> 用户转化 -> 用户留存 -> 复购与增值 -> 口碑传播

MVP 版本

新产品：HairTry （免登录免费使用）

官网： https://hairtry.app

它是一款 AI 发型设计工具，可以帮助你在最终确定发型之前立即尝试不同的造型 。不必担心剪出一个可能会后悔的发型，上传照片，看看不同发型在你身上的实际效果。♀♂

主要功能：

1. 20 秒生成专属 AI 发型：上传照片，即刻看到真实效果。
2. 百款模板 & 自定义：100 种发型可选，支持修改提示词打造专属造型。
3. 免费试用 & 积分奖励：登录即可解锁更多特权。
4. 快速登录 & 多语言支持：支持 Google 登录，覆盖 11 种语言。
5. 前后对比 & 历史记录：真实对比发型变化，随时回看尝试过的造型。
6. 下载 & 分享：一键下载高清原图，轻松分享到社交平台。

实际效果非常写实，肉眼无法看出处理过痕迹，足够可以以假乱真。只针对发型进行修改，保留五官的特征。发型库内置了 100 种模板，包含男士短发，男士时尚，女士长发，女士短发，中性发型等，你也可以自定义风格，修改成自己想要的样子，另外还可以自定义发色，或许看完之后你就能决定自己是否是个这种发型。

免登录免费使用，登录后可以查看自己创作的作品，只会保存近 7 天的记录，7 天之后会自动删除，无需担心你的隐私被泄露。

虽说是 MVP 版本，但是我还是想把它做成我想象的样子，所以一共花了 4 天。

技术栈

HairTry 技术栈：

1. 全栈开发框架：Next.js
2. Javascript 框架：React
3. 编程语言：TypeScript
4. CSS 框架：Tailwind CSS
5. ICON: react-icons
6. 数据库：MySQL
7. 参数校验：zod
8. 认证&鉴权：next-auth
9. ORM 框架：prisma
10. 支付：stripe
11. 国际化：next-intl
12. 日志：winston
13. 运维：Docker + Shell
14. 文件存储：cloudflare r2
15. 域名解析：cloudflare
16. 域名购买：namesilo
17. AI 辅助编程：Claude Code

我开发好之后，并没有急着发 1.0 版本，而是找了朋友帮忙内测，收集一些产品优化建议，之后我着重优化了页面（ C 端产品更需要注重美观、交互体验、产品学习成本）。考虑到一部分人使用手机，所以对 step 进行高亮和定位，引导用户按照步骤使用，提高转换率。