The latest articles on DEV Community by Rana Hassan (@rana_hassan_2a494093c55fc). https://dev.to/rana_hassan_2a494093c55fc https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4025048%2F47803fd3-ea32-4e75-8e88-b633caa00746.png https://dev.to/rana_hassan_2a494093c55fc en Rana Hassan Sat, 11 Jul 2026 11:18:17 +0000 https://dev.to/rana_hassan_2a494093c55fc/how-i-built-a-lightning-fast-utility-hub-with-50-tools-using-nextjs-58d8 https://dev.to/rana_hassan_2a494093c55fc/how-i-built-a-lightning-fast-utility-hub-with-50-tools-using-nextjs-58d8 <p>Hello DEV Community! 👋</p> <p>As developers, we constantly rely on various mini-tools throughout our day—whether it's generating a quick hash, formatting a messy JSON response, encoding/decoding Base64, or just checking the live currency rates. </p> <p>I found myself bookmarking dozens of different websites for these tasks. The problem? Most of them were loaded with intrusive ads, had terrible UIs, or were just too slow. </p> <p>So, I decided to scratch my own itch and built a centralized, lightning-fast platform: <strong><a href="https://www.zentrovatools.com" rel="noopener noreferrer">Zentrova Tools</a></strong>.</p> <h3> 🛠️ What is Zentrova Tools? </h3> <p>Zentrova is a free, ad-free digital utility hub featuring over 50+ live tools, data feeds, and calculators. I wanted a clean UI where a developer (or any everyday user) could just hop on, get their task done in seconds, and leave.</p> <p><strong>Some of the core developer &amp; everyday tools include:</strong></p> <ul> <li> <strong>Dev Tools:</strong> JSON Formatter, Base64 Encoder/Decoder, Hash Generator, IP Checker, Subnet Calculator.</li> <li> <strong>Document Utilities:</strong> Markdown to PDF, Image Compressor, Digital Signature Maker.</li> <li> <strong>Live Finance:</strong> Real-time currency exchange rates and crypto prices.</li> </ul> <h3> 💻 The Tech Stack &amp; Architecture </h3> <p>I wanted this platform to be blazing fast and SEO-friendly, so here is the stack I chose:</p> <ul> <li> <strong>Framework:</strong> Next.js (App Router)</li> <li> <strong>Styling:</strong> Tailwind CSS</li> <li> <strong>Performance:</strong> Leveraged Next.js <strong>ISR (Incremental Static Regeneration)</strong> heavily. For pages with live API data (like currency or prayer times), the server fetches and caches the data in the background. This ensures that the user always gets a static, instant page load.</li> <li> <strong>SEO Automation:</strong> I wrote a custom Node.js script to automatically inject related internal links across all 50+ dynamic and static routes to build a solid silo architecture without doing it manually.</li> </ul> <h3> I'd Love Your Feedback! </h3> <p>Since this is an ongoing project, I would love the DEV community's feedback. </p> <p>Check it out here: <strong><a href="https://www.zentrovatools.com" rel="noopener noreferrer">Zentrova Tools</a></strong></p> <p>What other developer-focused utilities or calculators should I add to make this the ultimate bookmark for you? Let me know your thoughts on the UI/UX and performance! </p> <p>Happy coding! </p> webdev nextjs showdev productivity