Table of Contents

Why Real Estate Needs Custom Web Development

The real estate industry runs on property portals. Rightmove and Zoopla in the UK, Zillow and Realtor.com in the US — these platforms process millions of searches daily. But the opportunity is not just for giants.

Next.js is the ideal framework because property sites have unique requirements: massive page counts (every listing needs its own URL for SEO), complex search (location, price, bedrooms, property type, and dozens more filters simultaneously), map integration (draw-to-search is expected), real-time data (listings go on and off market constantly), and high traffic spikes.

What Zoopla Gets Right

Zoopla processes over 50 million visits per month. Key features: instant search with location autocomplete, map/list toggle, draw on map for custom search areas, travel time search, price history, area guides with school ratings and crime stats, and saved searches with alerts. These features are achievable with modern tools.

Core Features of a Property Platform

For Property Seekers

Property search with filters, map-based search with draw-to-search, property detail pages with gallery and floor plans, saved properties shortlist, saved searches with email alerts, mortgage calculator, area information, agent contact form, and similar properties suggestions.

For Estate Agents

Listing management dashboard, photo and floor plan upload, property status management (for sale, under offer, sold STC, sold), lead management and CRM, analytics per listing, automated email reports, and data feed integration with portals.

Property Search and Filtering

Use Google Places Autocomplete or Mapbox Search for real-time suggestions. Store neighborhood and city boundaries as GeoJSON polygons for accurate area-based results. Maintain a postcode-to-coordinate lookup table for instant postcode search.

Filter System

Price range — Dual slider with preset ranges and custom values. Bedrooms — Button group with minimum support. Property type — Multi-select: Detached, Semi, Terraced, Flat, Bungalow, Land. Additional filters — Garden, parking, new build, chain free, EPC rating. Sort — Newest, price high-low, price low-high, most reduced, nearest.

Search Results

Display in list and grid views with a toggle. Include total result count, active filters as removable pills, and pagination with URL state management for shareable filtered results.

Use Mapbox GL JS for smooth vector tile rendering, custom styles, cluster markers, popup cards, and draw tools for polygon search.

Users draw a custom polygon on the map, results filter to properties within that shape. Use Mapbox Draw plugin, convert the polygon to GeoJSON, query PostgreSQL with PostGIS ST_Within, and store the polygon in the URL for shareability.

Data Layers

Add optional overlays: price heatmap, school catchment areas, transport links with walking radius, and flood zones from environmental data.

Property Detail Pages

Full-width hero with gallery navigation, thumbnail strip, lightbox mode, floor plan view, virtual tour embed (Matterport), and street view integration.

Property Information

Header — Price, address, bed/bath/reception count, type, tenure. Key features — 6-10 highlights. Description — Well-formatted agent copy. Room dimensions — Metric and imperial. EPC rating — With colored bar chart. Council tax band and broadband speeds.

Location Context

Nearby schools with ratings, transport with walking times, amenities within walking distance, price comparison to area averages, crime statistics, and demographics.

Saved Searches and Email Alerts

Users save any search configuration and receive email alerts when new properties match. Store saved searches as JSONB filter configuration. A cron job compares each saved search against new listings. Users manage alert frequency (instant, daily digest, weekly).

Mortgage and Affordability Calculators

Mortgage Calculator

Pre-filled with property price. Inputs: deposit amount, mortgage term, interest rate. Output: monthly payment, total cost, amortization chart.

Stamp Duty Calculator

For UK sites: property price input, first-time buyer toggle, additional property surcharge, non-UK resident surcharge. These calculators serve both users and SEO — high-intent search queries.

Affordability Calculator

Annual income, monthly outgoings, deposit available. Output: maximum borrowing, affordable property price, suggested monthly payment.

Agent Dashboards and CRM Integration

Listing Management

Add, edit, archive listings. Drag-and-drop photo reordering. Upload floor plans and documents. Status management workflow. Description editing.

Lead Management

Real-time inquiry feed, agent assignment, lead status tracking (new, contacted, viewing booked, offer, exchanged), automated follow-up reminders, and source attribution.

Portal Integration

UK agents need BLM feed generation for Rightmove, Zoopla, and OnTheMarket. Automated feed updates when listings change. US markets use RESO standards or IDX feeds.

Performance and SEO for Property Sites

Page Speed

Use next/image with automatic format selection, lazy load below-fold images, preload hero images, keep JS bundle under 200KB. Target: LCP under 2 seconds on mobile.

SEO Architecture

Listing pages target "X bedroom [type] for sale in [area]". Area pages target "property for sale in [area]". Property type pages combine location and type for long-tail keywords. Guide content targets informational queries.

Structured Data

Implement RealEstateListing, Place with geo coordinates, ImageGallery, BreadcrumbList, and FAQPage schema markup.

Sitemap Strategy

Use a sitemap index with segmented sitemaps (1,000 URLs each), area pages sitemap, guides sitemap, and static pages sitemap. Set lastmod accurately.

Data Architecture

Database Schema

Use PostgreSQL with PostGIS. Core table: properties with coordinates, features JSONB, and full property details. Supporting tables: property_images, agents, areas (with PostGIS polygon boundaries), saved_searches (JSONB filters), and inquiries.

Caching Strategy

Listing pages: ISR with 5-minute revalidation. Search results: Redis cached 60 seconds per query. Area pages: static, rebuilt daily. Images: edge-cached via CDN.

Data Feeds

Integrate with CRM systems (Reapit, Dezrez, Alto), portal feeds (Rightmove BLM, Zoopla ZPF), MLS feeds (RESO Web API for US), and Land Registry price paid data.

FAQ

How much does a real estate website cost to build? A custom property platform with search, maps, and agent dashboard ranges from $40,000-150,000. An agency brochure site with basic listings costs $8,000-25,000.

How do I get property data to populate the site? For agencies: integrate with your property management CRM. For portals: negotiate data partnerships or use public data (Land Registry, EPC register).

What about virtual tours and 3D walkthroughs? Embed Matterport or iGuide tours directly on listing pages. They handle the heavy rendering — your site just embeds the viewer. Virtual tours increase time on page by 5-10x.

Do I need a mobile app? Most property search happens on mobile web. A progressive web app (PWA) with push notifications covers 90% of use cases without the cost of a native app.

How do I handle property that sells or gets taken off market? Never delete listing pages — they have SEO value. Mark them as Sold and keep the page live with a banner. Add a Similar properties section to capture the traffic.

What about GDPR and data protection? Property platforms handle personal data. Ensure you have a privacy policy, cookie consent, data retention policy, and GDPR-compliant data processing agreements. Allow users to export and delete their data on request.

How fast should search results load? Under 300ms for returning results after filter changes. Use optimistic UI updates — show a loading skeleton while the query runs, then replace with results.