本文介绍从零用 AI 搭建一个小游戏网站的详细步骤，包括技术架构、游戏资源获取等。
一、背景介绍
最近开始尝试做独立站出海，陆陆续续做了几个不同类型的网站，基本上都还没什么起色。上周刚上线了一个游戏平台网站，域名是 https://miniplay.io/ ，目前只上线了几款游戏。
打算写一篇文章记录一下过程，给有需要的同学提供一点参考，顺便也宣传一下网站。
二、域名
一个好的域名，是网站成功的第一步。我现在用的域名，这个关键词本身就有搜索量，所以在网站上线不到一周，甚至连 sitemap 都还没提交的情况下，Google 引擎就有了曝光和点击。
但是找域名是一个技术活，好的域名都被占得差不多了。这里推荐一种方法，可以用 ChatGPT 结合网站定位来给参考域名，然后用 NameBeta 去挨个尝试，找到可用的域名。NameBeta 是一个域名比价网站，可以快速查看域名是否已经被注册，以及在哪里注册比较划算。
找到可以注册的域名后，在 Google Trends 上查看域名关键词是否自带搜索量，有的话可以事半功倍。当然，要注意避免注册到别人的商标，否则有侵权风险。
在价格差不多的情况下，推荐使用 dynadot 注册域名，因为除了可以使用支付宝支付，注册完万一后悔了，它还可以退一部分款。
另外就是域名后缀，优先使用 com、org、net、io 等主流域名后缀，一方面可以增加网站信任度，另一方面可以避免一些奇怪的问题。对于游戏相关的网站，io 是比较常用的后缀，可以更容易获取用户信任。
三、技术实现
首先是代码框架，现在出海主流都是使用 Next.js 。虽然说网站代码 99% 都是 AI 写的，但不意味着完全让 AI 自由发挥。
因为 AI 的生成结果依赖上下文，所以你给的东西越少，它的结果就会越不可控。
建议从一个网站模板开始，模板除了可以规范 AI 的发挥，还可以方便地接入登录系统、支付系统等。
现在 Saas 网站模板也是层出不穷，毕竟卖铲子比挖金子更赚钱。
网站模板有付费的也有免费的，我自己是用的付费模板。因为我本身不是 Web 开发，自己去折腾的成本比较高，所以就选了一个用的人比较多的付费模板，把精力花在刀刃上。
但我实际用下来，体验一般，也存在一些小问题，作者维护也不算积极，所以就不做推荐了。
有了模板之后，下一步就是让 AI 写代码，我用的是 Claude Code 和 Codex。
在开始一个工程之前，我会先跟 AI 沟通，我打算做一个什么样项目，然后把一些我想到的功能，以及大概的交互告诉 AI。然后让 AI 提出它还不明白的地方，以及可能存在的问题。
反复问几轮下来，AI 基本上就能把项目的细节理清楚了。
这个时候先别急着开始写代码，要让 AI 把讨论的结果总结成产品设计文档、技术设计文档等，写到项目目录下。
总结完成后就可以二次确认细节，看是否有不符合预期的地方。确认完成就可以开始实现代码了。
总结文档还有另一个好处，因为 AI 的生成是基于当前窗口上下文的。整个项目在开发过程中，不可避免地需要重启多次窗口，所以在每次重启后，就可以先让 AI 阅读一遍文档，了解项目背景。
网站代码完成后，就要部署到服务器。现在一般用的服务器平台是 Vercel 和 Cloudflare Workers，这两个平台都有一些免费额度。
我之前有试过部署到 Vercel 上，遇到了一些坑。另外听说 Vercel 上的网站流量起来后，维护费用很高，所以我现在一般都是使用 Cloudflare Workers。
不过 Cloudflare Workers 部署起来比 Vercel 稍微复杂一些，新手也可以先用 Vercel 跑起来，后面再按需迁移。
至于部署的流程，网站模板都有对应的文档，照着操作就行。
数据库我是使用 Neon 平台，目前的免费额度暂时够用了。
四、UI 设计
这个网站的 UI 折腾过几个版本，一开始是在配色网站，选了一套比较顺眼的配色，然后让 AI 根据这个配色去优化网站。
但这样会有个问题，即使一套配色看上去还可以，实际使用的时候，哪个颜色用在哪个元素，最终出来的效果可能会差很多。
后面采用了一个新的方案。网上有一些不同网站设计案例的参考，先找到喜欢的案例，把网站截图发给 AI，然后让 AI 分析网站的设计方案。它理解了按钮、背景、文字的样式后，再让它应用到我们的网站。
五、游戏资源
一个小游戏网站，最重要的就是游戏资源来源。资源来源主要有 3 类：
- 免费开源
GitHub 上有很多开源游戏，这个仓库 也收录了很多，开源的游戏可以直接把源码上传到 CDN 服务器。但是也要筛选一些比较现代的游戏，有很多过时的游戏上传了也没人玩。
- 引用别的网站
如果你多看几个游戏平台网站，就会发现热门的游戏基本他们都会有，这种大部分是通过 iframe 直接引用别人的游戏源。但这样做存在风险，万一源网页加了一些阻止或跳转的代码，那么你的游戏页面可能就无法访问或者被判定为风险网页。
另一种引用是获取授权，比如 Game Distribution 这个网站，可以先注册为分发商，审核通过后，就可以合法地引用这个网站的游戏，没有额外风险，还能享受平台分给你的广告收益。
- 自己开发
理论上来说，现在 AI 这么发达，在 AI 的帮助下产出网页小游戏完全可行。但是考虑到后期的推广、游戏的可玩性等，难度还是不小。
除非你是天赋异禀，有信心做出受欢迎的游戏，否则这条路子 ROI 还是太低了。
六、推广运营
新网站上线后的一般步骤：
- 接入 Google Analytics，监控网站流量。
- 接入 Google Search Console，监控网站在 Google 搜索引擎中的表现，进行关键词、外链优化。
- 接入 Bing Webmaster Tools，监控网站在 Bing 搜索引擎中的表现，虽然 Bing 总体流量远不及 Google，但是竞争没有那么激烈，对单个网站来说，有时候获取的搜索流量可能更多。
- 持续做好 SEO，对应到游戏平台网站，就是不断上新游戏，做好内链规划，持续发外链。
七、盈利
游戏平台网站的盈利方式主要是两种：
- 成为其他游戏平台的分发商，游戏平台会根据流量分成，比如上面提到的 Game Distribution。
- 接入 Google Adsense，审核通过后可以自己在网站上挂广告。
本文已同步至微信公众号，欢迎留言讨论。
