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

SnowPeakMa — Sun, 26 Jul 2026 20:46:42 +0800

先说说背景。我在一家互联网公司做开发，这两年 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

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

SnowPeakMa (踏雪无痕)

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