https://w2solo.com/xiaokeai en-us <p>各位 Solo 圈的朋友们好 </p> <p>最近把做的一个小产品 NanoScene AI 搞上线了，这是一个主打极速、低算力成本的 AI 图像生成与编辑的 Web App。因为是自己独立开发的第一步，想在这里真诚地和大家分享一下我的技术方案、遇到的坑以及开发初衷，顺便希望能收获大家的一些真实意见。</p> <ul> <li>体验地址：<a href="https://nanosceneai.com" rel="nofollow" target="_blank">https://nanosceneai.com</a> </li> </ul> <hr> <h3 id="一、 为什么想做这个产品？">一、 为什么想做这个产品？</h3> <p>目前市面上的主流生图工具（比如 Midjourney，或者某些大厂的 SD 托管服务），普遍面临两个痛点：</p> <ol> <li> <strong>生成延迟长</strong>：生一张图往往要等 20s 到几十秒甚至更长，在做 UI Mockup 或者快速脑暴视觉时，频繁的等待非常容易打断工作流。</li> <li> <strong>算力成本偏贵</strong>：对于非重度用户来说，每个月高昂的订阅费有些浪费。</li> </ol> <p>后来我注意到了 Nano Banana 2 Lite 模型。虽然它是一个 distilled（蒸馏）过的轻量级模型，但生图效率极高，单图推理成本折合下来很低。于是我想，为什么不利用这个引擎，做一个极速、低成本，且在浏览器里开箱即用的生图工作流呢？</p> <hr> <h3 id="二、 技术栈与架构分享">二、 技术栈与架构分享</h3> <p>为了让整套服务做到零硬件维护成本，且在冷启动阶段几乎不产生服务器开销，我采用了以下全 Serverless 架构：</p> <ul> <li> <strong>前端 &amp; 路由框架</strong>：TanStack Start (V3)。这是我第一次在生产环境完整体验 TanStack Start，它的 Server Fn (服务端函数) 在处理数据请求时极度顺手，结合 TanStack Query 使得前端状态同步非常舒服。</li> <li> <strong>样式与 UI</strong>：Tailwind CSS 4 + shadcn/ui。Tailwind CSS 4 的配置比老版本精简了许多，对整体包体积优化也有帮助。</li> <li> <strong>后端 &amp; 基础设施</strong>：Nitro 框架部署在 Cloudflare Workers。</li> <li> <strong>数据库</strong>：Cloudflare D1 (SQLite) 数据库，用来存放用户配置、积分和订单数据。</li> <li> <strong>国际化</strong>：Paraglide JS。对于独立开发出海来说，多语言几乎是标配。Paraglide 在 Nitro/TanStack Start 的路由重写中表现优秀，无缝适配了多语言路径。</li> </ul> <p>因为服务器开销基本就是 Cloudflare 的免费额度或低额计费，所以我们有底气给所有注册用户每天赠送免费额度，供大家随便折腾。</p> <hr> <h3 id="三、 独立开发中踩到的坑">三、 独立开发中踩到的坑</h3> <p>在部署到 Cloudflare Workers 的过程中，有几个细节让我折腾了不少时间，分享给准备走类似技术路线的朋友：</p> <ol> <li> <strong>敏感 API 密钥的安全性</strong>： 起初我打算直接将第三方 AI 接口的 Key 堆在 <code>.env</code> 或 Workers 的环境变量中。但这样不方便在运行时灵活切换和控制。后来我们重新设计了流程：把 API 密匙加密存储在 D1 数据库中。读取时，通过一个统一的 <code>getAllConfigs()</code> 在服务端读取，由解密 Key（存放在 Workers 环境变量中保护）实时解密，且有内存缓存。这个设计虽然多走了一步，但极大地提升了 SaaS 模板后续变现和多接口动态管理的灵活性。</li> <li> <strong>i18n 路由匹配问题</strong>： 由于使用了 Paraglide 编译多语言，非默认语言（如中文）会带有 <code>/zh</code> 前缀。这在配合 Nitro 服务端 API 路由时，需要仔细编写重写规则，否则会导致 API 调用 404。建议使用 locale-free 的路径进行内联导航，让路由库自动补全前缀。</li> </ol> <hr> <h3 id="四、 目前的功能与下一步计划">四、 目前的功能与下一步计划</h3> <p>目前 NanoScene AI 已经实现了：</p> <ol> <li> <strong>极速生图</strong>：平均生成时间在 4 秒左右。</li> <li> <strong>角色一致性 (Character Consistency)</strong>：允许在不同 prompt 里复用相同角色风格。</li> <li> <strong>K-level Upscaler</strong>：把 1K 的低分辨率快速生成重建为 4K/8K 生产级画面。</li> <li> <strong>一键背景移除</strong>。</li> </ol> <p><strong>下一步规划</strong>： 目前在尝试做基于轻量模型的视频生成能力，如果大家有兴趣，我很乐意在后续帖子中继续分享视频 pipeline 在 Cloudflare Workers 上的踩坑体验。</p> <hr> <h3 id="五、 期待大家的反馈">五、 期待大家的反馈</h3> <p>产品刚上线，肯定有很多不完美的地方（尤其是移动端适配和生图参数的调节）。非常期待社区各位大佬的板砖：</p> <ul> <li> 这个 4 秒的生图速度，相比你现在用的工具有优势吗？</li> <li> 对于这种偏向独立开发者/设计师的 Placeholder 生成，你觉得最缺的刚需功能是什么？</li> </ul> <p>再次感谢大家能读到这里！</p> xiaokeai Wed, 08 Jul 2026 15:02:39 +0800 https://w2solo.com/topics/7692 https://w2solo.com/topics/7692 <p>大家好，最近做了一个小作品：Wend Game Today</p> <p><a href="https://wendgame.today" rel="nofollow" target="_blank">https://wendgame.today</a></p> <p>这是一个免费的单词路径练习站。玩法比较轻量，适合每天花几分钟玩一局。</p> <p>规则核心：</p> <ul> <li>横向或纵向连接相邻字母，不能斜着连</li> <li>找到所有隐藏单词</li> <li>每个开放格子必须且只能使用一次</li> <li>单词路径之间不能重叠</li> </ul> <p>我做这个站的时候，发现它不能按普通 word search 来做。普通找词游戏通常是 “找得越多越好”，但这个玩法更像 exact-cover puzzle：所有开放格子最后必须被几条正确单词路径完整覆盖一次。</p> <p>所以现在的判断逻辑不是 “你拼出了一个英文词就算对”，而是必须匹配这盘题预设的 word + path。</p> <p>目前已经做了：</p> <ul> <li>首页直接可玩</li> <li>支持拖动/点选连接字母</li> <li>Hint / Undo / Reset / Next puzzle</li> <li>中英文页面</li> <li>本地离线生成题库，再静态发布到站点</li> </ul> <p>技术上用的是 TanStack Start + React + TypeScript，部署目标是 Cloudflare Workers。题目生成目前没有放在用户浏览器里实时随机跑，而是先离线生成并校验，再放进静态题库里，这样比较稳定，也方便后续筛词和控难度。</p> <p>现在还比较早期，已知不足：</p> <ul> <li>题库数量还不多</li> <li>词表质量还需要继续筛</li> <li>还没有 archive</li> <li>还没有真正的 unlimited seed 模式</li> <li>也没有登录、排行榜、streak 这些东西</li> </ul> <p>想听听大家几个方面的反馈：</p> <ol> <li>移动端拖动手感怎么样</li> <li>规则说明是否清楚</li> <li>题目难度是否合理</li> <li>如果后面继续做，你会更想要 Daily 固定一题，还是 Unlimited 随机练习</li> </ol> <p>欢迎直接提问题，尤其是玩法、交互、题库质量这几个方面。</p> xiaokeai Sat, 13 Jun 2026 19:43:53 +0800 https://w2solo.com/topics/7537 https://w2solo.com/topics/7537