The latest articles on DEV Community by Sreten Madzgalj (@sreten). https://dev.to/sreten https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3877139%2F27bc55cd-65bb-4b59-a5f7-dfe499973e09.jpg https://dev.to/sreten en Sreten Madzgalj Mon, 13 Apr 2026 17:26:19 +0000 https://dev.to/sreten/i-build-free-browser-tools-with-nextjs-no-backend-no-uploads-everything-runs-client-side-a0m https://dev.to/sreten/i-build-free-browser-tools-with-nextjs-no-backend-no-uploads-everything-runs-client-side-a0m <p>I've been building <a href="https://supereasy.tools/en" rel="noopener noreferrer">supereasy.tools</a> — a collection of small, fast, privacy-friendly browser utilities. No accounts, no uploads, no server-side processing.</p> <p>Here's what's live so far:</p> <ul> <li> <strong>Color Palette Extractor</strong> — drop an image, get the dominant colors as hex codes - this one I'm proud of</li> <li> <strong>JSON Formatter</strong> — paste messy JSON, get it clean and readable instantly</li> <li> <strong>Base64 Encoder / Decoder</strong> — encode or decode without leaving the browser</li> <li> <strong>SVG to PNG</strong> — convert SVGs client-side, pick your resolution</li> <li> <strong>HEIC to JPG</strong> — convert iPhone photos without installing anything</li> <li> <strong>Text Case Converter</strong> — camelCase, snake_case, UPPER, Title Case, and more</li> <li> <strong>Percentage Calculator</strong> — simple but surprisingly useful</li> </ul> <h2> How it's built </h2> <ul> <li> <strong>Next.js App Router</strong> with <code>output: 'export'</code> — fully static, hosted on Cloudflare Pages</li> <li> <strong>next-intl</strong> for i18n wired from day one (only English ships now, but adding a locale later is just config + translation files)</li> <li>Heavy libraries (like the HEIC converter) lazy-load behind user interaction, not on mount — so initial page load stays fast</li> <li>Each tool is code-split independently — visiting the JSON formatter doesn't download the HEIC converter</li> </ul> <h2> Why client-side only? </h2> <p>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.</p> <h2> What's next </h2> <p>More tools. If there's something you keep reaching for a clunky online tool to do, let me know in the comments.</p> <p>→ <a href="https://supereasy.tools/en" rel="noopener noreferrer">supereasy.tools</a></p> webdev javascript nextjs