Why I built a zero-backend developer utility suite using Next.js and Web Workers
Most online utility sites have a major flaw: they secretly upload your clipboard data, cURL requests, and JWTs to backend server logs just to format or parse them. To solve this privacy issue, I built DevDock ( https://getdevdock.com ) — a browser-only suite of 30+ developer tools where zero data leaves your machine. Architecture and Key Learnings 1. Heavy tasks off the main thread Parsing large…
Most online utility sites have a significant problem: they covertly transmit your clipboard data, cURL requests, and JWTs to backend server logs simply to format or parse them. To address this privacy concern, I developed DevDock (https://getdevdock.com) – a browser-only collection of over 30 developer tools that never sends any data away from your device. Core Aspects of the Architecture and Key Takeaways
1. Offload Resource-Intensive Tasks from the Main Thread
Parsing extensive JSON files (10MB or larger) and executing code formatters often freeze the browser UI. To ensure a smooth user experience, I shifted the heavy processing into Web Workers, allowing the interface to maintain its 60fps responsiveness.
2. Execute Everything Within the Browser
Rather than depending on server-side APIs, all operations occur on the client side:
- Code formatting through @prettier/standalone, running inside a Web Worker
- Large Language Model (LLM) token calculations via @lenic/tiktoken
- Image conversions using the browser's Canvas API
3. Key Tools are Currently Available
- Text Diff Tool (ensures private comparisons)
- QR Code Generator
- JSON Formatter and Tree Viewer
- JWT Decoder
- cURL to Code Converter
- CSS to Tailwind Converter
Explore these tools at https://getdevdock.com and share your feedback on the client-side performance on your specific machine.
Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
