project / tug-of-war
Svelte vs. Next.js: A Tug of War
Game
Let frameworks battle it out in realtime
svelte-vs-nextjs.vercel.app
the challenge
From design spec
to living page
to living page
Learning new runtimes felt academic without a playful, high-pressure environment to test realtime updates and optimistic UI.
details
TypeCase study · Web
ApproachLet frameworks battle it out in realtime
StackSveltekit · Convex · Svelte 5 · TypeScript · Tailwind CSS
DeployVercel
what i built
Product
highlights
highlights
I built Tug of War so two framework camps can join a lobby, mash buttons, and instantly see Convex-powered updates stretch the rope toward their side.
key decisions
The main challenge was learning Sveltekit and Convex while building the game. I had to get familiar with Svelte's reactivity model and Convex's real-time data handling. However, both frameworks provided excellent documentation and community support, which made the learning process smoother.
screenshots
→ With no screenshots list, uses public/images/tug-of-war/tug-of-war.png · optional: screenshots[] and/or …/screenshots/