AndCo Realty
A scalable real estate platform solution that bypasses Webflow CMS API limits by syncing REX data to Supabase and injecting React components directly into 30+ Webflow sites
A scalable real estate platform solution built at N4 Studio. The client had 30+ Webflow sites hitting API limits by syncing property data to Webflow CMS. We bypassed Webflow entirely, building a custom backend that syncs REX data to Supabase and injects React components directly into existing Webflow sites.
View Live Platform Components | Example Site: Clark & Co
The Solution
Complete bypass of Webflow CMS:
Backend Infrastructure
Custom Node.js/Express backend hosted on AWS Lambda. REX data syncs to Supabase PostgreSQL database. AWS SQS queue system handles property sync operations with retry logic. Webhook infrastructure for real-time data synchronization from REX and Webflow. Scheduled CRON jobs for automated agent synchronization.
React Component Injection
Reusable React components mount directly into Webflow sites using Shadow DOM to prevent CSS conflicts. Components mount via data attributes (data-account-id, data-property-id). Each site pulls only its respective agency's property data. Single codebase serves all sites—updates propagate instantly via CloudFront.
Key Components
PropertyFilter (search with location, price, type filters), PropertiesMap (Google Maps with property pins), PropertySlider (featured carousel), PropertyPage (detail pages with galleries), ContactAgentDialog (forms with reCAPTCHA v3).
Technical Stack
Frontend: React/Vite, ShadCN + Tailwind, TanStack Query, Shadow DOM isolation, AWS CloudFront CDN
Backend: Node.js/Express, Supabase PostgreSQL, AWS Lambda, AWS SQS, Drizzle ORM
Infrastructure: SST framework, AWS EventBridge CRON jobs, webhook system
Impact
Eliminated API rate limits, scalable to unlimited properties/agencies, faster performance with direct database queries, reliable webhook-based sync, single codebase for all sites.
