Brighton Real Estate

Problem

The existing property listing pages had a Lighthouse performance score of around 65, with slow Largest Contentful Paint and heavy bundle sizes. Property search and detail pages — the highest-traffic flows — were the worst offenders, hurting both user experience and SEO rankings on Google.

Solution

Migrated critical pages to the Next.js App Router with Server Components and SSR for above-the-fold content. Implemented image optimization with `next/image`, dynamic imports for non-critical UI, and a reusable component system that enforces consistent rendering patterns. Worked closely with the backend team to align data-fetching boundaries with React Server Components, so the client receives only what it needs.

Results

What I Learned

Server Components are not a free lunch — boundaries matter. The biggest perf wins came not from sprinkling them everywhere, but from carefully drawing the client/server line so JS bundles stayed small and data hydration stayed minimal.