Case Study
BiggerPockets
Large-scale real estate investing platform. Built property search and listing UIs with SSR/ISR for SEO performance, agent and broker dashboards, Google Maps clustering, and mortgage lead-gen flows.
The Problem
How I Approached It
- 1
Core Web Vitals audit
Profiled high-traffic listing pages with Lighthouse and Chrome DevTools. Identified LCP bottlenecks in server-side rendering strategy and an oversized initial JS payload from eagerly loaded Google Maps and marker clusters.
- 2
SSR with ISR caching
Migrated property listing pages from client-side rendering to SSR with ISR. Pages served pre-rendered HTML on the first request and regenerated in the background on a short revalidation window, giving search crawlers full content without sacrificing freshness.
- 3
Lazy-loaded map clusters
Replaced the eager Google Maps load with a lazy-initialized map that loaded only when the user scrolled the map into view. Replaced individual pin markers with server-side computed clusters, reducing the DOM node count and runtime paint cost dramatically.
- 4
Agent and broker dashboards
Built agent and broker management dashboards with real-time listing data, lead tracking, and performance analytics. Designed for high data density without sacrificing responsiveness on lower-end devices.
- 5
Mortgage lead-gen flows
Implemented multi-step mortgage calculator and lead-gen forms with progressive disclosure, reducing drop-off at each step and increasing form completion rates.