Ayolari is a running event discovery platform for the Indonesian running community. Runners across the country struggle to find upcoming races in one place — information is scattered across Instagram posts, WhatsApp groups, and individual event websites. Ayolari fixes this with a clean, fast, searchable race calendar.
The Problem
Indonesian running is booming, but event discovery is fragmented. Organizers post on different platforms, and runners miss events they would have joined. There was no central, reliable source for upcoming races.
What I Built
- Race calendar — filterable by date, city, and distance
- Event detail pages — route maps, registration links, organizer contacts, and key dates
- SEO-first architecture — each event and city gets its own optimized page
- Organizer submissions — a simple form for race organizers to list their events
Tech Stack
Built with Astro for static-first, SEO-optimized rendering, with React islands for interactive components like filters and search. Styled with Tailwind CSS.
Why Astro?
Static generation was the right call here — event pages rarely change, load times matter for mobile runners on the go, and Core Web Vitals directly affect how discoverable the site is through search. Astro's island architecture keeps JavaScript minimal while still supporting interactive filtering.
Status
Live at ayolari.id. Actively maintained with new events added as organizers submit them.