Engineering Sub-0.28s Real Estate Platforms with React 19 & Next.js 15

import { Suspense } from "react";
import { ListingGridSkeleton } from "@/components/skeletons";
import { RealtimeListingFeed } from "@/components/listings/realtime-feed";
import { CityHeroSection } from "@/components/listings/city-hero";

export default async function CityListingsPage({ params }: { params: { city: string } }) {
  // Edge-cached metadata resolution (< 12ms)
  const city = await params.city;

  return (
    <main className="min-h-screen bg-white">
      {/* Instant Shell Render */}
      <CityHeroSection city={city} />

      {/* Progressive Edge Stream */}
      <Suspense fallback={<ListingGridSkeleton count={12} />}>
        <RealtimeListingFeed 
          city={city} 
          cacheStrategy="edge-stale-while-revalidate"
          revalidateSeconds={60} 
        />
      </Suspense>
    </main>
  );
}