I build free browser tools with Next.js — no backend, no uploads, everything runs client-side

#webdev #javascript #nextjs

I've been building supereasy.tools — a collection of small, fast, privacy-friendly browser utilities. No accounts, no uploads, no server-side processing.

Here's what's live so far:

Color Palette Extractor — drop an image, get the dominant colors as hex codes - this one I'm proud of
JSON Formatter — paste messy JSON, get it clean and readable instantly
Base64 Encoder / Decoder — encode or decode without leaving the browser
SVG to PNG — convert SVGs client-side, pick your resolution
HEIC to JPG — convert iPhone photos without installing anything
Text Case Converter — camelCase, snake_case, UPPER, Title Case, and more
Percentage Calculator — simple but surprisingly useful

How it's built

Next.js App Router with output: 'export' — fully static, hosted on Cloudflare Pages
next-intl for i18n wired from day one (only English ships now, but adding a locale later is just config + translation files)
Heavy libraries (like the HEIC converter) lazy-load behind user interaction, not on mount — so initial page load stays fast
Each tool is code-split independently — visiting the JSON formatter doesn't download the HEIC converter

Why client-side only?

Privacy. Most tools that handle files send them to a server. With these tools, your files never leave your device. It also means zero infrastructure costs and no GDPR headaches.