Tea Loop - 使用 DevCycle 进行 A/B 测试

我建造了什么

我为一家名为 Tea Loop 的假设初创公司构建了一个 Next.js 应用程序。

背景：Tea Loop 开始提供以茶为基础的产品，他们最初推出了 6 种不同的茶口味（蜂蜜薰衣草、覆盆子薄荷、桃子、石榴、玫瑰薰衣草和红茶柠檬），他们不知道哪种口味更吸引观众，这就是为什么他们决定在用户​​每次访问他们的网站时展示不同的口味，为了衡量他们的兴趣，他们会跟踪用户每次点击 CTA（按钮上写着“快来买吧！12.00 美元”）的情况，通过这种方式，他们可以找出哪种口味更有吸引力，并在投资之前使用该口味进行广告宣传。

演示

实时预览：https://tea-loop-next-js.vercel.app/

统计页面：https://tea-loop-next-js.vercel.app/stats

**使用 DevCycle 随机分布生成变体并在每次刷新页面时应用：**

**来自 DevCycle 仪表板的结果：**

**统计页面的结果（使用 API）：**

我的代码

仓库：https://github.com/schemetastic/tea-loop-next-js

我的 DevCycle 经历

就我个人而言，我没有太多开发渐进式 Web 应用的经验，但我喜欢营销，所以我知道 DevCycle 将是一款出色的营销工具，而且我个人认为它应该向潜在客户更多地强调其营销能力，因为人们往往非常注重结果。我希望他们为不同的技术提供广泛的可能性和适应性。

我遇到了一些错误（显然），并且在理解文档和如何实现它方面遇到了一些困难，但我通过 Discord 获得了出色的客户支持（**感谢 Leslie 和 DevCycle 团队的出色支持和耐心！**），这对我完成项目的 MVP 至关重要。总的来说，我对这个项目很感兴趣，每次刷新网站并看到标题的不同变体时，我都感到非常高兴。我认为 DevCycle 作为一种工具具有很大的潜力。

额外奖项

如上所述，我确实使用 API 来获取统计页面中显示的指标：

https://tea-loop-next-js.vercel.app/stats

**更改可能需要 5-10 分钟才能更新**

DEV 挑战现已开始！

查看所有参与方式、证明您的技能并赢取奖品。

访问挑战中心