Hey Hackers! 👋
I’ve been a huge fan of Edmund McMillen’s games (Binding of Isaac, Super Meat Boy) for years. When Mewgenics—his complex tactical RPG involving cat breeding and genetics—started gaining traction, I noticed a gap in the market.
Most game wikis (like Fandom) are bloated, ad-heavy, and generic. They lack specific tools for complex mechanics.
So, I built Mewgenics.Online.
Here is how I designed it to be a high-performance, programmatic SEO powerhouse using Next.js.
🛠 The Tech Stack
Framework: Next.js 14 (App Router)
Styling: Tailwind CSS (Custom "Lab/Terminal" aesthetic)
Data: TypeScript-based static data structures
The Acts Page: Automatically renders a tactical map and connection nodes based on the data topology.
The Chapter Page: Dynamically pulls the loot table, hazards, and specific boss list for that sector.
The Bestiary: A dynamic routing system generates detailed dossier pages for every enemy, complete with programmatically generated "Combat Analysis" text based on their stats (HP/Speed/Weakness).
Interlinked Knowledge Graph:
The Act page links to Chapters.
Chapters link to Bosses.
Boss pages suggest Related Threats based on type and location.
🎨 UX/UI: The "Lab" Vibe
I wanted the site to feel like an extension of the game, not a corporate wiki.
Visuals: Used a "Classified Dossier" style with stamps, folders, and grid backgrounds.
Tactical Maps: Instead of list links, I built a visual node map for the Act progression so players can visualize their route.
🚀 What's Next?
The site is live, and I'm currently refining the Breeding Algorithm based on community feedback.
I’d love to hear your thoughts on the structure or the design! Check it out here: https://mewgenics.online/
Happy breeding! 🐱🧬