做了一个五行人格测试网站，分享一下技术选型和踩坑经历

[yarkyaonj]

大家好，最近 Vibe 了一个独立项目：Five Elements Personality Test ，基于五行（木火土金水）+ 阴阳的框架，把人格分成 10 种类型。

20 道题，5 分钟出结果，免费，不需要注册。

网站： https://fiveelementstest.com

技术栈：

• Next.js （ App Router + React Server Components ）
• Cloudflare Pages + Workers （从 Vercel 迁过来的）
• Supabase 存支付记录
• Creem 处理付款

做了一些性能优化：

• LCP 从 1520ms 降到 990ms
• Google Fonts 换成本地字体，减少渲染阻塞
• 首屏以下组件做了 code splitting ，降低 TBT
• 内容页全部 SSR ，只有交互部分用 client component

从 Vercel 迁到 Cloudflare 的原因：

• 免费额度更大
• 边缘节点性能不错
• Workers 能覆盖我的 server-side 需求

商业模式：

• 测试和基础结果永久免费
• 付费报告 $7.99 （早鸟价），一次性买断，没有订阅
• 没有广告，不卖数据

面向英文市场，目标是长期靠 SEO 获取自然流量。目前刚上线，也在 Product Hunt 上发了。

欢迎大家体验，也欢迎聊聊技术选型或者独立开发相关的话题。

[marcong95]

几经艰辛刚做完，一个大白屏报错了，不过看地址栏结果好像已经出来了，刷新一下就能看到结果了。建议这种情况还是来点没这么冲击性的提示。

Application error a cient side exception has occurred while loading fiveelementstest.com (see the browser console for more information).

[yarkyaonj]

@marcong95 oh ，感谢反馈，现在就去修改一下

[56way]

这玩意真的付费用户多么？ 祝楼主大卖