LinkedInGithubInstagram

Boosting Visibility and Speed

Next.jsSSRWebPImage Optimization
Screenshot 1
Screenshot 2
Screenshot 3

Problem

How can I ensure our tech courses stand out in the vast ocean of Google search results? While we had high-quality content, discoverability and performance were falling short — especially on slow networks and older devices.

Solution

To tackle this, I implemented server-side rendering (SSR) using Next.js, enabling search engines to properly index our dynamic content and improve rankings dramatically.

I also introduced custom branding tools for teachers — allowing them to tailor their course pages with unique visuals and metadata, giving each course a strong individual identity.

On the performance front, I built an image optimization layer using a proxy service, converting images to the WebP format on-the-fly. This reduced page load times significantly and boosted our Core Web Vitals scores.

Together, these efforts led to faster page loads, better discoverability, and personalized experiences — making the platform more competitive in both SEO and UX.

© Keshav Raj, Let's Code