I built a free online toolbox with 260+ tools — here's the tech stack and what I learned
Anirudha Sonwane created ToolReign, a free online toolbox offering over 260 utilities across categories such as developer tools, finance calculators, and PDF manipulation. The site is built with Next.js 14 App Router, exported as a static site, and runs entirely in the browser to keep user data private. SEO and metadata are generated automatically from a shared registry to keep URLs and social tags consistent.
- ▪ToolReign provides more than 260 tools in 15 categories, all accessible without sign‑up or server‑side file uploads.
- ▪The application uses Next.js 14 with static export, Tailwind CSS, next‑themes, Recharts, DOMPurify, pdf‑lib, pdfjs‑dist, and the Web Audio API.
- ▪All processing is performed client‑side, ensuring that user data never leaves the browser and improving privacy.
- ▪Metadata and Open Graph tags are generated programmatically from a tool‑registry.json file to avoid manual drift.
- ▪The site is deployed as a static out/ folder on a static host and packaged as a PWA via next‑pwa for installable use.
Opening excerpt (first ~120 words) tap to expand
try { if(localStorage) { let currentUser = localStorage.getItem('current_user'); if (currentUser) { currentUser = JSON.parse(currentUser); if (currentUser.id === 4002203) { document.getElementById('article-show-container').classList.add('current-user-is-article-author'); } } } } catch (e) { console.error(e); } Anirudha Sonwane Posted on Jun 26 I built a free online toolbox with 260+ tools — here's the tech stack and what I learned #webdev #programming #ai #nextjs Every small task used to mean a new tab. JSON formatter on one site, GST calculator on another, PDF merger somewhere that wanted my email before it would merge two pages. Ads everywhere, slow UIs, and that low-grade worry about uploading a payslip or invoice to a server I do not control.
…
Excerpt limited to ~120 words for fair-use compliance. The full article is at DEV.to (Top).
Discussion
0 commentsMore from DEV.to (Top)
