Show & Tell: WikiMasters — Type-Safe Custom Card & Deck Builder Forms with TanStack Form

[TheoBlake]

Hey TanStack Form community! 📝

We recently launched WikiMasters (wikimasters.org), a competitive Wikipedia card game built on TanStack Start & Cloudflare Workers.

We chose TanStack Form to handle custom card deck creation, player search filters, and duel settings:

Why TanStack Form?

1. Zero-Overhead Reactivity: Form state remains blazing fast as users adjust complex multi-field card deck formulas and custom battle rule thresholds.
2. First-Class Zod Schema Validation: We pair TanStack Form with Zod schemas to ensure card constraints (e.g. deck size, mana limits, category distribution) are validated synchronously on the client and identically on edge server functions.
3. Type-Safe Field Arrays: Managing dynamic 30-card deck lists with dynamic quantity caps feels natural and robust.

Play the game and build your decks:
🔗 Live Site: https://wikimasters.org
📦 GitHub: https://github.com/tik568/wikimasters-game

TanStack Form made building intricate, validating deck builder workflows a joy!