Implementing SSR (Server-Side Rendering) for Tenderly's public pages to improve SEO, performance, and time-to-first-byte (TTFB).

Back to Internship Program

Server-Side Rendering (SSR) for Public Pages

Project Overview

This project aims to implement SSR (Server-Side Rendering) for Tenderly's public pages to improve SEO, performance, and time-to-first-byte (TTFB). Interns will migrate selected pages from client-side rendering (CSR) to SSR, evaluate performance improvements, and explore caching strategies for efficiency.

Key Features

1. Convert Public Pages to SSR

Ensure public pages load server-side.

2. SEO Optimization

Improve metadata rendering for better search engine indexing.

3. Performance Boost

Reduce TTFB and improve the Core Web Vitals score.

4. Caching Strategy

Implement ISR (Incremental Static Regeneration) or revalidation for efficiency.

5. Hydration & Client Interactivity

Ensure interactive elements work seamlessly after SSR.

6. Monitoring & Analytics

Track performance impact via Lighthouse & Web Vitals.

Milestones & Timeline

Phase 1: Research & Planning (Week 1-2)

• Understand Next.js SSR & rendering strategies.

• Identify which public pages should be migrated to SSR.

• Define SEO & performance goals.

Phase 2: SSR Implementation (Week 3-4)

• Migrate selected pages to SSR using Next.js.

• Ensure correct data fetching strategies (e.g., getServerSideProps or loader).

• Implement SEO-friendly meta tags and OpenGraph data.

Phase 3: Caching & Optimization (Week 5-6)

• Add caching mechanisms (e.g., ISR, CDN-level caching).

• Reduce unnecessary client-side JavaScript for SSR pages.

Phase 4: Performance Testing & Debugging (Week 7-8)

• Measure performance using Lighthouse & Core Web Vitals.

• Optimize hydration and minimize blocking scripts.

Phase 5: Deployment & Documentation (Week 9-10)

• Deploy SSR changes to a preview environment.

• Document learnings, performance improvements, and next steps.

• Present findings to the team.

Tech Stack Recommendations

• Framework: Next.js

• Hosting: Vercel or k8s cluster

• Caching: Incremental Static Regeneration (ISR), Vercel Edge Functions, Redis (optional)

• Monitoring: Lighthouse, Web Vitals, Vercel Analytics

Expected Outcomes

Interns will:

✅ Improve SEO and performance for Tenderly's public pages.

✅ Gain experience with SSR, hydration, and caching strategies.

✅ Learn how to measure and optimize frontend performance.

Ready to Enhance Web Performance?

Join us in improving Tenderly's public pages with modern rendering techniques.

Apply Now