Building a Lethal Hero Guide Site for Marvel Rivals (Without Going Crazy on Data)
I've been maining Psylocke in Marvel Rivals for a couple weeks now and honestly, half my deaths come from not knowing which walls are about to collapse under Hela's ult. The destructible environments in this game are wild — and keeping track of breakpoints for every map is a nightmare.
So I built a small static guide site to solve my own problem, and figured I'd share the stack since some of you might be doing similar projects.
The core challenge: Rivals has 33 heroes with team-up synergies, 8 maps with dynamic sightlines, and seasonal balance patches that flip the meta overnight. That's a lot of interconnected data points.
What I landed on:
• Next.js + MDX for content — write hero guides in markdown, embed interactive matchup tables as React components
• Airtable as a CMS — non-technical friends on the team can update ability cooldowns and damage numbers without touching code. Each hero is a record, each ability is a linked table
• Static regeneration every 4 hours during patch weeks, weekly otherwise. Netlify builds are free and fast enough for this
The tricky part was modeling team-up abilities cleanly. Some heroes grant passive buffs to specific partners (Rocket + Groot is a whole different character basically), and showing those conditional synergies without cluttering the UI took a few iterations.
If you're curious about the data structure or want to see how I handled the matchup matrix, the Marvel Rivals tier list and hero guides page has the live version. Still rough around the edges but the core functionality is there.
Anyone else building tools or sites around Rivals? Curious how you're handling the destructible terrain data — I haven't found a clean way to map breakable walls per objective point yet.
Top comments (0)