Cyou Live is a next-generation EdTech startup that solves the fragmentation of online education by connecting learners and instructors in a borderless digital ecosystem. Backed by the TÜBİTAK 1512 BİGG R&D program, the platform utilizes AI-driven "smart matching" algorithms to bring users together in Social Live Classes based on shared interests. It features a unique hybrid marketplace model where users can seamlessly switch between "learner" and "instructor" roles within a single profile.
My Role as Frontend Developer & Technical Solutions
In this project, I architected the Frontend infrastructure of a high-traffic, interaction-heavy web application using the Next.js ecosystem, with a strict focus on performance optimization, SEO, and scalability.
Hybrid Rendering Strategy with Next.js (SSR / SSG / ISR): To maximize SEO visibility and minimize First Contentful Paint (FCP) metrics, I implemented page-specific rendering strategies:
Server-Side Rendering (SSR) for dynamic class detail pages and user profiles to ensure real-time data accuracy.
Static Site Generation (SSG) for marketing and blog pages to ensure lightning-fast load times.
Incremental Static Regeneration (ISR) for high-traffic content, reducing database load while keeping content fresh.
End-to-End (E2E) Test Automation with Cypress: To ensure application stability and eliminate regression bugs during deployment cycles, I developed comprehensive test suites using Cypress. I automated critical user journeys (authentication, class creation, payment flows), thereby guaranteeing high code quality and reliability.
Advanced State Management & Performance: I efficiently architected the complex data flow and real-time interactions within live classes using Context API and advanced React Hooks. By preventing unnecessary re-renders, I optimized the application's memory usage and responsiveness.
Modern UI/UX & Responsive Design: Leveraging Tailwind CSS, I transformed Figma designs into pixel-perfect, mobile-first, and cross-browser compatible interactive UI components, ensuring a seamless user experience across all devices.
Tech Stack: React.js, Next.js (App Router), Cypress (E2E Testing), Context API, Tailwind CSS, SSR/ISR, Axios, Git/GitHub.
