Back to portfolio

Case Study

BiggerPockets

Visit site

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.

2M+Members
35%LCP cut
MapsIntegrated
ReactNext.jsTypeScriptNode.jsPostgreSQLSSR/ISRGoogle Maps API

The Problem

BiggerPockets served 2M+ members with property search, investment dashboards, and mortgage lead-gen, but slow listing pages and poor Core Web Vitals were limiting organic growth. The map-heavy search experience was particularly problematic: eager-loading thousands of map markers on page load was inflating bundle size, delaying interactivity, and hurting LCP on the pages that drove the most SEO traffic.

How I Approached It

  1. 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. 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. 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. 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. 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.

Outcome

~35% LCP reduction across high-traffic listing pages
Google Maps clustering handling 1,200+ listings without performance degradation
SSR/ISR implementation improving organic search rankings for key property listing pages
Agent and broker dashboards serving real-time lead data for thousands of active listings
Mortgage lead-gen flows increasing form completion through progressive disclosure patterns