Next.js(T3 Stack)建站

176 阅读3分钟

建站思路

basketballbros.net 是我开发的一款篮球游戏网站。当然游戏不是我开发的,我是负责开发网站,这种形式类似于 AI 套壳大模型应用, 你不会直接开发 LLM,而是应用第三方 LLM 来提供给用户使用

游戏玩法

"篮球兄弟"可单机可双人。你可以选择自己和电脑玩,也可以选择和好朋友一起对打,看谁双方能扣对方的篮筐。扣蓝筐者为胜利

这种玩法更像是以前 4399 小游戏里的玩法模式

建站感受

技术侧

我使用的 T3 Stack(Next.js app 15)来构建前端的,用next-intl来做多语言。给我的感受是这是一个基建框架,上层的界面&API都需要定制化开发。从0到1的开发是比较困难的。但如果你能沉淀出一套业务模板来适配通用业务。那么开发速度会快好多

开发受阻

开发 basketballbros.net 最大的问题在于JSON翻译问题。不管是 deepseek 还是 claude-3.5-sonnet 在 token 过长的情况下都会出现 模型注意力不集中 的情况,这是语言模型的通病。所以我的解决方案是:对JSON 手动 分段处理,一段一段的发给 LLM,这是我的prompt:

这不是一个完整的英文JSON,我需要你:
1. 翻译成 zh-CN
2. 注意JSON的key不要被翻译了
3. 保留翻译后的JSON的结构和翻译前一致,即使JSON不完整

我发现你如果把很长的JSON直接丢给 AI 翻译,AI 对 JSON 的分段行为不是我想要的。

当然 AI 对 JSON 的处理最好的办法还是 function_calling,不过编写 function_calling 太麻烦了,而且我还没看 claude-3.5-sonnet支不支持

思维转变

从程序员到做网站,做产品。我发现我最大的转变是:权衡 ROI。(也就是开发网站的时间成本,和最后反馈我的流量 & 收益产出比是否值得)。如果开发一个简单的网站,对我来说,最好是不要开发,最好是拿个模板改改就能上线。

做网站、做需求,重点不在于开发。而是要从用户的角度去思考需求,什么样的功能会满足用户的需求。开发甚至我觉得有时候是累赘。

程序员都会有个通病,就是做了个自以为很酷的功能/产品,往往耗时一个月甚至更久,但最后投入市场却石沉大海,无人问津

所以我觉得开发产品的思维链是:用户需要什么 => 功能 => 确定产品mvp 路径 => 快速上线,看反馈 => 反馈好,继续迭代;否则,放弃这个产品

结语

所以总结来说,好的产品,应该是调研用户需求,快速用 mvp 路径上线。最好是不开发,或者开发的时间占比尽量降低(对程序员来说)

最后,打波广告,篮球兄弟游戏网站 basketballbros.net 欢迎大家来玩,明天我会接入 github 评论,会更有互动感,打破边界,让用户不会有孤独感