AKACompos
Competitive Teamfight Tactics compositions platform built so AKAWonder can publish and update guides quickly and visually.
Overview
AKACompos is the main website where AKAWonder publishes competitive Teamfight Tactics (TFT) compositions. The goal was to replace a manual workflow based on screenshots and documents with a platform that is clear, fast, and easy to maintain. The result was a traffic-oriented site with content that can be updated in minutes from Strapi.
The Challenge
The key question was: “How do we publish fast without sacrificing visual quality or consistency?”
- Publishing speed: Content needed to be editable without touching code, even on fast meta-change days.
- 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 designed an architecture focused on performance and maintainability.
- Stack: Built with Astro and TypeScript, using interactive components where they added value while keeping initial load lightweight.
- Content management: Integrated Strapi as a CMS so AKAWonder could create and update compositions without technical deployments.
- Data model: Structured the relationship between compositions, units, items, and images to prevent inconsistencies and simplify future season updates.
Key Highlights
- Better editorial workflow: Moved from a manual process to faster, centralized editing from an admin panel.
- Clear user experience: Prioritized key information visually so users can understand each composition in seconds.
- Built to scale: The structure makes it easier to add new compositions and adapt to set changes with less friction.
Reflection
This project confirmed that a good content tool is not only design, it is also solid editorial architecture. AKACompos combines performance, clarity, and easy updates, three critical factors when you work with an active audience and a game that changes constantly.