我的作品 我用 AI 工具全流程做了一个出海产品:蜘蛛纸牌网站从 0 到上线

SnowPeakMa(踏雪无痕) · 2026年07月26日 · 11 次阅读

先说说背景。我在一家互联网公司做开发,这两年 AI 浪潮带来的冲击大家都有体感,身边被裁的朋友越来越多。焦虑是有的,但光焦虑没用,得做点什么。

我的想法很简单:找一份能持续产生收入的副业。不一定马上赚大钱,但至少要跑通一个 “从想法到上线到获客” 的完整闭环。

为什么选蜘蛛纸牌这个赛道? 需求确定:Spider Solitaire 月搜索量几十万次,不需要教育市场

供给质量差:排在前面的网站大多界面陈旧、广告弹窗满天飞

技术门槛低:规则固定,逻辑清晰,适合一人用 AI 辅助开发

便于出海:纸牌游戏天然适合做海外市场

我知道这是红海,但说实话,作为副业起步,我没更好的选择。红海意味着需求被验证过,我要做的是在确定的需求里做出更好的体验。

项目规划:怎么定义这个产品? 用 DeepSeek 和豆包做了大量前期沟通:市场调研、竞品分析、功能优先级、差异化定位。

三个核心卖点:

现代极简设计

游戏过程零广告干扰

PWA 离线可用

产品定位:专为海外休闲玩家打造的现代极简蜘蛛纸牌,跨设备丝滑流畅。

技术实现:AI 是怎么帮我写代码的? 技术栈:

Vue 3 + TypeScript + Pinia

Tailwind CSS + GSAP(动画)

vite-plugin-pwa(PWA)

vite-ssg(SEO 静态生成)

Vercel(部署)

开发过程:

用 Trae/Cursor 写主体代码,SOLO 模式非常好用,给完整需求描述,它自己拆解任务、生成代码

复杂功能切到 Claude/GPT 讨论,比如原子化发牌动画——要求牌一张张飞出,状态等全部到位后一次性提交,中间锁住用户交互。和 Claude 讨论了几轮才搞定

AI 开发的真实体验:

优点:速度快。从零到完整可玩,约 2-3 周,大部分代码是 AI 写的,我主要审阅和集成。

坑也不少:

AI 偶尔有逻辑漏洞,需仔细 review

代码风格不一致,需统一调整

复杂状态管理(如撤销/重做)AI 容易搞混

感觉像能力很强但经验不足的初级工程师——指令清晰能干好,完全放手也会给你惊喜(负面意义的)。

SEO:怎么让人搜到? Google SEO 对 SPA 天然不友好——服务器返回的 HTML 是空的,内容需要 JS 渲染,爬虫不一定每次都执行。

解决方案:SSG(静态站点生成)预渲染。

10 个核心页面 × 4 种语言(英/中/西/德)= 40 个 URL,包括首页、玩法页、难度页(1/2/4 花色)、无广告版、免拦截版、经典版、大字体版、离线版、教程页。每个页面独立标题/描述/hreflang/结构化数据。

文案部分 AI 帮了大忙——10 个页面 × 4 种语言的 SEO 文案,GPT/Claude 批量产出,我人工润色。目前 GSC 19 个页面已索引,9 个待处理。

踩过的坑 SSG 配置:刚开始没在 includedRoutes 里列出所有路由,部分页面没生成静态 HTML,GSC 里一堆 “已发现但未索引”。折腾一周才解决。

hreflang 标注:40 个 URL 每个需要双向标注所有语言版本,一开始漏了 x-default,后来补上。工作量不小。

广告策略的纠结:严格来说不是 “零广告”——底部有广告位预留,只是默认关闭。最终定稿 “游戏过程零广告干扰”,更准确,也给自己留余地。

现状与数据 域名:spidersolitairehub.com

GSC:19 个页面已索引,9 个待处理

已完成:分享功能、PWA 安装引导、内链体系、多语言支持

推广刚起步,计划做 Reddit、Hacker News Show HN、Product Hunt

几点感受 AI 开发效率高,但别神话。复杂逻辑、状态管理、SEO 配置,AI 能帮忙但无法完全替代人。

红海赛道也能做。关键是找到差异点。不一定要 invent something new,做 better 也成立。

出海没想象中难,但比想象中琐碎。SEO、多语言、合规、推广,每块都要花时间。

副业最难的不是技术,是持续投入。工作一天回来还要写代码、写文案,确实累。但看到 GSC 里页面开始被索引,还是有点成就感的。

以上是实践经验,欢迎交流。

项目地址:https://spidersolitairehub.com

有问题随时评论,我会逐一回复。🙏

暂无回复。
需要 登录 后方可回复, 如果你还没有账号请 注册新账号