我建了109个工具 从来不碰服务器 这是建筑

2026年8月11日3 次浏览来源:Dev.to阅读原文

我建造了109个工具 从来不碰服务器 这里就是您使用的“工具”网站的架构: 您上传文件 转到服务器上 服务器处理它 您下载结果 有时服务器会保存它 有时会漏出.

有时随着公司消失.

我想要不同的东西。 korelyy.com上的每个工具在浏览器中运行100%.

无后端. 0上传.

零追踪 这是实际建筑,90天后的实际数字, 以及我学到的。 "没有服务器"对109个工具中的每一个都意味着什么: 整个应用是一个静态的 HTML + CSS + JS 文件 它是从一个CDN(云雾页)中发出的。

所有文件处理都发生在浏览器中,通过,,,,,或者您的文件从不离开设备 关闭标签=数据已消失(没有cookie,没有本地Storage,没有账户) 这不是一个营销主张。

其可核查性: 打开 DevTools - > 网络标签使用任何需要文件的工具(图像转换器、 JSON formatter等) 重载.

唯一的网络请求是静态HTML/CSS/JS捆绑.

没有给服务器。

没有。

无上传.

文件的阅读、处理和下载。

完成90%工作的4个浏览器 API 当您移除后端时, 您将被留在浏览器中 。

浏览器的能力比大多数人认为的要高.

1.

并读取用户给你的任何文件:图像转换、PDF生成、音频修剪-所有相同的模式。

读取blob,处理,创建新的blob,下载.

  1. (Web Crypto API) Hashing,加密,签名 - 所有客户端侧:不需要节点后端.
    浏览器中建有FIPS验证的加密. 3.和 二维上下文中的图像操作: 调整大小,裁剪,旋转绘图形状,文本,梯度取出像素数据转换格式 通过让您在Web Worker中做到这一点,所以UI不会被大图像所冻结.
    4.
    CPU繁重的工作(JSON验证、regex、大型CSV解析),卸入Web Worker。
    主线保持响应.
    困难的部分 这并不简单。
    没有服务器,三类特性是真正困难的:
    1.
    需要共享数据库"没有服务器"的任何内容都意味着没有中央状态.
    如果没有后端, 您无法拥有用户账户、 领导牌、 注释或共享文档 。
    我的回答是:我没有这些。
    这种交易是故意的。
    Korelyy不是社会产品。
    这是一个计算器。
    计算器不需要用户账户.
    如果你想共享状态,需要后端.
    老实说
    2.
    凡需要调用第三方API,需要使用密钥Most LLM API,支付API,和OAuth流量的,都需要服务器持有的秘密.
    我的回答是:不要从客户那里打电话。
    要么跳过该特性,要么通过一薄的无服务器函数来完成 。 (我在整个网站有两个没有服务器的功能,都是为了通过Resend发送电子邮件.
    总共30行。 )
    3.
    浏览器中需要大量CPU或RAM A 4K视频转码的任何内容,都会将UI锁定30秒.
    除"使用服务器"外,没有固定.
    我的回答是:Korelyy不拍视频。
    图像,音频,文本,代码,JSON,PDF,CSV - 都很好.
    视频,3D,ML推论 -跳.
    SEO赢得了无人谈论的仅静态网站对Google来说是疯狂快活.
    灯塔 100/100/100/100 每页LCP低于500ms全球TTFB低于100ms (Cloudflare edge) 总的页面重量低于50KB Google奖励了这一点.
    我90天后的实际成绩:165页索引了1,545个月的印象 22个月点击0回链接 0营销支出 这些数字并不令人印象深刻。
    但每个印象的成本是0.
    而趋势是单调的。 6语言"trick"大多数Indie网站只载英语,因为i18n很痛苦.
    我的有6个 (en, zh, es, fr, hi, ar).
    诀窍:翻译活在JSON文件中,而不是代码中.
    一个2000行工具组件永远不知道它使用什么语言.
    后入钩取取取.
    RTL(阿拉伯语)是一个CSS规则:加上在整个过程中使用逻辑属性(而不是.).
    成本:设立1周.
    省:6x市场投放 零持续努力.
    我所要做的不同
分享