The latest articles on DEV Community by Jozef_bedoui (@youssef_bedoui_b0da8d58b8). https://dev.to/youssef_bedoui_b0da8d58b8 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%2F2062219%2Faa9ff37a-2093-4693-b6a8-514262c767be.png https://dev.to/youssef_bedoui_b0da8d58b8 en Jozef_bedoui Sun, 07 Jun 2026 21:21:09 +0000 https://dev.to/youssef_bedoui_b0da8d58b8/how-i-built-a-calculator-site-with-13-languages-and-5500-static-pages-in-nextjs-15-30ai https://dev.to/youssef_bedoui_b0da8d58b8/how-i-built-a-calculator-site-with-13-languages-and-5500-static-pages-in-nextjs-15-30ai <p>A few months back I got frustrated. I needed to calculate something — nothing crazy, just a loan payment — and every site I landed on either wanted me to sign up, showed ads on every input, or was in English only (not helpful when sharing with family abroad).</p> <p>So I built <a href="https://calculora.net" rel="noopener noreferrer">Calculora</a>.</p> <p>It's a free calculator site. 150+ tools, 13 languages, zero data collection. Everything runs in your browser — nothing gets sent anywhere.</p> <h2> Why 13 languages? </h2> <p>Because most people on the internet don't speak English as a first language. I wanted it to actually work for them — not just have a translated homepage, but real localized URLs, right-to-left layout for Arabic, the whole thing.</p> <p>Getting that right in Next.js took more time than I expected. Each tool has a different slug per language, so the routing has to map hundreds of combinations correctly. Totally worth it though.</p> <h2> The math rendering </h2> <p>For tools like the equation solver and statistics calculator, I wanted the formulas to look like real math — not just text. I used KaTeX for this. It's fast, lightweight, and renders LaTeX properly in the browser.</p> <p>The step-by-step solutions actually show the working — discriminant, roots, the full process — rendered cleanly.</p> <h2> Some tools I'm proud of </h2> <ul> <li> <strong>Equation Solver</strong> — linear and quadratic, with full steps shown</li> <li> <strong>Statistics Calculator</strong> — mean, median, mode, IQR, std dev, exportable</li> <li> <strong>FIRE Calculator</strong> — retirement planning done simply</li> <li> <strong>Debt Snowball/Avalanche</strong> — side-by-side payoff comparison</li> </ul> <h2> What's next </h2> <p>More tools, better mobile experience, and filling in gaps across the language versions.</p> <p>If you try it, I'd genuinely love feedback — especially on anything that feels off or missing.</p> <p><a href="https://calculora.net" rel="noopener noreferrer">calculora.net</a></p> nextjs typescript webdev showdev