Zero backend, 6 languages, one repo: the architecture of a browser-only tools site
I run a little site called Webtoolio ( https://webtoolio.org ). Image compressor, unit converters, password generator, JSON formatter, that kind of thing. 48 tools at last count, all that without a server. Not "serverless functions", I mean nothing. The whole site is static files, and every tool does its work in your browser. All hosted on CF. I mostly built this to see what astro can do, around…
Webtoolio is a static site that offers 48 different tools without relying on a server. All the tools run directly in the user's browser, utilizing WebAssembly when needed. The site is built with Astro and hosted on Cloudflare, with each page containing statically generated content, keeping layout shift at zero. The website's success relies on a single rule: keeping the JavaScript chunk under 50KB, by dynamically importing heavy libraries only when required.
This approach allows for a 256KB SQL formatter to be loaded only when needed, without impacting the user experience. The site supports six languages, with all UI strings going through a typed dictionary to catch missing translations at build time. Despite the competitive English market, offering tools in Japanese or Portuguese could attract new users.
The site's performance is impressive, with full builds taking only 1.7 seconds, and most tool pages downloading under 100KB of JavaScript.
Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
