How It's Built & Privacy
283 developer tools across 10 categories — all running entirely in your browser. Here's how, and why.
Our Architecture
ZeroServer was built with one core philosophy: Developer tools should not be data traps.
Most online formatters and decoders send your sensitive payloads (like API responses, JWTs, and database passwords) to a backend server to process them. This exposes your proprietary data to server logs, third-party tracking, and potential breaches.
ZeroServer completely eliminates this risk. Every single tool on this website is written in JavaScript/TypeScript and executes entirely within your own web browser. When you click "Format" or "Decode", the math happens on your CPU, not ours.
Security Guarantees
Zero Server Logs
We do not have a backend database. We cannot see your data.
No Cookies
We do not use tracking cookies to monitor your behavior.
Local Storage Only
If we save user preferences (like Light/Dark mode), it stays in your browser's LocalStorage.
Hardware Entropy
Our generators use your OS's native crypto APIs for true randomness.
How It's Built
| Technology | Role |
|---|---|
| Next.js 16 (App Router) | Static export — every page is pre-rendered HTML |
| React 19 + TypeScript | Type-safe, component-driven UI |
| Tailwind CSS v4 | Themeable design system (light / dark) |
| lucide-react | Consistent, unique icon per tool |
| Cloudflare Pages | Free global CDN hosting for a static site |
Static export, free hosting
Because there is no backend, the entire site is compiled to plain HTML, CSS, and JavaScript with Next.js' output: "export" and served from Cloudflare Pages' global CDN. No servers to run means it's fast everywhere and free to host — which is how the project stays free for everyone.
One Registry, Everything Wired
Every tool is described once in a single registry file (lib/tools.ts). That one entry — slug, name, category, description, keywords, and icon — automatically powers the sidebar navigation, the homepage dashboard, the search box, the XML sitemap, and each page's SEO metadata (canonical URL, Open Graph, and JSON-LD structured data).
Tools are ordered most-popular-first within each category so the utilities you reach for most are always at the top.
Add Your Own Tool
Thanks to the registry, adding a tool is two steps:
- Create
app/<slug>/page.tsx(the client component) andlayout.tsx(callstoolMetadata(slug)). - Add one entry to
lib/tools.tswith a unique icon.
Navigation, search, the homepage, and SEO update automatically — no other files to touch. Shared building blocks (ToolHeader, CopyButton, SeoBlock) keep each page small and consistent.
Built on Native Browser APIs
| Tool | Native API Used |
|---|---|
| JSON Formatter | JSON.parse() / JSON.stringify() |
| Base64 Encoder | btoa() / atob() |
| URL Encoder | encodeURIComponent() |
| Text ↔ Binary | TextEncoder / TextDecoder |
| UUID & Passwords | window.crypto.getRandomValues() |
Notice an issue?
If you find a bug, want to request a new tool, or have feedback on the UI, feel free to reach out.