The latest articles on DEV Community by guru-jksun (@gurujksun). https://dev.to/gurujksun 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%2F3870704%2Fe85f856b-1252-46f3-b847-6c5b1b2e84ab.png https://dev.to/gurujksun en guru-jksun Fri, 10 Apr 2026 00:29:04 +0000 https://dev.to/gurujksun/how-i-built-an-ai-calculator-platform-with-50-tools-in-9-languages-using-nextjs-p7f https://dev.to/gurujksun/how-i-built-an-ai-calculator-platform-with-50-tools-in-9-languages-using-nextjs-p7f <h2> The Problem </h2> <p>Most online calculator sites are stuck in 2010 — English-only, cluttered with ads, and terrible on mobile. I wanted something better: a modern, multilingual calculator platform powered by AI.</p> <h2> What I Built </h2> <p><a href="https://easycalcfor.me" rel="noopener noreferrer">EasyCalcFor.me</a> — a free calculator platform with:</p> <ul> <li> <strong>50+ calculators</strong> across 8 categories (Math, Finance, Health, Date/Time, Conversion, Tax, Living, Korea-specific)</li> <li> <strong>9 languages</strong> (English, Korean, Spanish, French, German, Portuguese, Japanese, Chinese, Arabic)</li> <li> <strong>AI calculator</strong> that understands natural language input</li> <li> <strong>Dark mode</strong>, mobile-first design, no sign-up required</li> </ul> <h2> Tech Stack </h2> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th>Technology</th> <th>Purpose</th> </tr> </thead> <tbody> <tr> <td>Next.js 16</td> <td>Framework (App Router, SSR)</td> </tr> <tr> <td>TypeScript</td> <td>Type safety</td> </tr> <tr> <td>Tailwind CSS</td> <td>Styling</td> </tr> <tr> <td>next-intl</td> <td>i18n (9 languages)</td> </tr> <tr> <td>Claude API</td> <td>AI-powered calculations</td> </tr> <tr> <td>Google Cloud Run</td> <td>Hosting</td> </tr> <tr> <td>Cloudflare</td> <td>CDN, DNS, SSL</td> </tr> </tbody> </table></div> <h2> The Architecture </h2> <h3> Internationalization (i18n) </h3> <p>Managing translations for 50+ calculators × 9 languages = <strong>thousands of translation keys</strong>. I used <code>next-intl</code> with a <code>[locale]</code> dynamic route:</p> <p>src/app/[locale]/calculator/finance/salary/page.tsx<br> messages/en.json (800+ keys)<br> messages/ko.json (800+ keys)<br> messages/ja.json (800+ keys)<br> ...</p> <p>Each calculator has its own set of translation keys for labels, results, FAQ, and how-to sections.</p> <h3> AI Calculator </h3> <p>The AI calculator accepts natural language input like "What's 10,000 at 7% for 10 years?" and returns structured results using Claude API:</p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code> typescript // Streaming response for faster perceived performance const stream = client.messages.stream({ model: "claude-sonnet-4-20250514", max_tokens: 600, messages: [{ role: "user", content: query }], }); Country-Specific Calculators One of the biggest gaps I found was country-specific financial tools. Calculator.net only supports US tax rates. I built salary calculators with real tax rates for 9 countries: 🇰🇷 Korea: National Pension, Health Insurance, Long-term Care, Employment Insurance 🇺🇸 US: Social Security, Medicare, Federal Tax 🇯🇵 Japan: Kosei Nenkin, Health Insurance, Resident Tax 🇩🇪 Germany: Rentenversicherung, Krankenversicherung And 5 more countries SEO Strategy Instead of competing for "calculator" in English, I target non-English keywords: Korean: "연봉 실수령액" (salary take-home), "퇴직금 계산" (severance pay) Spanish: "calculadora de interés compuesto" (compound interest calculator) Japanese: "給与計算機" (salary calculator) Within 2 days of launch, we were already appearing in Google results for Spanish keywords! Results 648 pages indexed across 9 languages 47 unique calculators with full i18n support 12 blog posts for SEO content Featured on Product Hunt Google indexing started within 24 hours Lessons Learned Non-English markets are underserved — Most calculator sites are English-only. Adding 8 more languages instantly opens up billions of potential users. AI is a real differentiator — Natural language input removes friction. Users don't need to find the right calculator — they just describe what they want. Country-specific tools win — Generic "tax calculator" can't compete, but "Korean severance pay calculator" has almost zero competition. Modern UI matters — Users stay longer on a clean, fast site. This directly affects SEO rankings. Try It Out 👉 https://easycalcfor.me The entire project is open source: 👉 GitHub I'd love to hear your feedback — what calculators would you like to see added? </code></pre> </div> nextjs typescript ai webdev