AKACompos is the website where AKAWonder publishes Teamfight Tactics (TFT) compositions. The goal was to replace a manual workflow based on screenshots and documents with a site managed from Strapi.
The Challenge
The main challenge was keeping the content easy to update.
Publishing: Content needed to be editable without touching code.
Content complexity: Each composition combines images, traits, items, and units that must be displayed in a clear way.
Frequent game changes: Every TFT set forces part of the structure and data to be updated quickly.
My Role and Approach
As the developer, I built the site and connected it to Strapi.
Stack: Built with Astro and TypeScript.
Content management: Integrated Strapi so AKAWonder could create and update compositions from an admin panel.
Data model: Structured the relationship between compositions, units, items, and images to prevent inconsistencies and simplify future season updates.
Key Highlights
CMS-based editing: Moved from a manual process to centralized editing from an admin panel.
Clear layout: Displayed units, items and traits in a readable way.
Structured data: Organized compositions, units, items and images for future updates.
Reflection
This project helped me practice content modelling, CMS integration and building a frontend around frequently changing game data.
