Featured image of post EOA (Entrepreneur of Asia) Media

EOA (Entrepreneur of Asia) Media

Frontend developer on EOA Media's podcast platform redesign using Vue 3, Nuxt 3, and Strapi CMS, focusing on content discovery systems and learning full-stack integration patterns from backend to frontend implementation.

My Experience Working on EOA Media: A Frontend Developer’s Journey

I was under Snappymob this time, working on the EOA Media project was one of those assignments that really pushed me to grow as a developer as this project mainly by me for frontend works. I really appreciate to my seniors that time who entrusted me to worked on this and guide me along the way. Coming into this project, I had some experience with Vue 3 and Nuxt 3, but integrating with Strapi as our headless CMS was relatively new territory for me.

The Challenge We Faced

EOA Media came to us with a real problem - they had years of valuable content (podcasts, articles, resources) but their existing website made it incredibly difficult for users to discover and navigate through this wealth of information. As someone who’s passionate about user experience, this resonated with me. Great content deserves a great platform.

Technical Stack and Learning Curve

Vue 3 + Nuxt 3: I love Vue (actualy miss Vue cuz I usually go to React), but this project really helped me dive deeper into Nuxt 3’s capabilities. The server-side rendering was crucial for SEO, especially since we were dealing with a content-heavy site. I learned to leverage Nuxt’s auto-imports and the new directory structure more effectively.

Strapi Integration: This was where I experienced the steepest learning curve. Working with Strapi taught me so much about the backend-to-frontend flow.

What I Learned About Backend-to-Frontend Implementation

Before this project, I’ll admit I was somewhat siloed in my frontend thinking. Working with Strapi forced me to understand:

  • Content modeling: I had to think about how content would be structured in the CMS and how that would translate to the frontend components
  • Dynamic routing: With Nuxt 3, I learned to create dynamic pages that could handle different content types seamlessly
  • API integration patterns: Instead of just consuming data, I started thinking about data flow, caching strategies, and how to make the frontend resilient to backend changes

The Implementation Experience

The most challenging part was building the content discovery system. We needed to create an intuitive way for users to navigate through EOA Media’s extensive library. This meant:

  • Building smart filtering and categorization systems
  • Implementing search functionality that actually worked well
  • Creating recommendation algorithms that surfaced relevant content

Working with the design team’s vision (kudos to them, I really appreciate how attentive with their work too!) of “modern, not stuck in the past” pushed me to the hardest in a good way.

Key Takeaways

  1. Headless CMS thinking: I now approach projects with a better understanding of how to separate content management from presentation, making sites more maintainable and scalable.

  2. Full-stack awareness: Even as a frontend developer, understanding how Strapi structures data helped me write better, more efficient queries and components.

  3. Performance optimization: With a content-heavy site, I learned advanced techniques for lazy loading, image optimization, and efficient data fetching in Nuxt 3.

The Result

Seeing the final product come together was satisfying. We created something that wasn’t just visually appealing but actually solved the core problem - making EOA Media’s valuable content discoverable and accessible. The client feedback about meeting all milestones and our communication throughout the process was particularly rewarding.

Feel free to check it out here :)

Built with Hugo
Theme Stack designed by Jimmy