Hi HN! I built a type effectiveness calculator for competitive
gaming.
Link: https://typematchup.org
Features:
- Interactive 18×18 type chart
- Dual-type calculator (handles 4x and 0.25x multipliers)
- Battle simulator with STAB calculations
Built with Next.js 14, TypeScript, and Tailwind CSS. All 26
pages are statically generated for fast loading.
The main technical challenge was handling async params in
Next.js 15+ for dynamic routes. Would love feedback on the
implementation!
Tech details:
- SSG with generateStaticParams
- Type-safe JSON imports
- Dynamic sitemap generation
- Full SEO optimization
Open source? Not yet, but considering it. Feedback welcome!