Skip to content
Back to Home

Real Estate CMS Site

A bilingual real estate platform and CMS built for international investors, featuring property management, media automation, SEO optimization, and multilingual content administration.

Visit live site
Real Estate CMS Site
  • Cursor
    Cursor
  • MongoDB
  • Docker
  • Ubuntu
  • Nginx
  • Next.js
  • React
  • HTML5
  • CSS3
  • TypeScript
  • GitHub
  • Git
  • TailwindCSS

About This Project

A bilingual website and admin CMS for an Israeli real estate advisory firm—helping international investors find, finance, and manage properties in Israel without language barriers or local-knowledge gaps.

 

Key Features:

  • Modular single-page homepage – 12 CMS-togglable sections (Hero, Trust, Properties, Construction, Team, Services, Testimonials, FAQ, Contact, and more) with full CRUD from the admin panel.
  • Bilingual by design (es / en) – Every content field is a localized { es, en } object in MongoDB. Geo-IP + Accept-Language detection routes visitors to the right locale, with cookie persistence.
  • Property & construction portfolio – Standalone detail pages for investment properties and projects under construction, with image/video galleries, specs, floor plans, highlight cards, and JSON-LD structured data.
  • Fully-featured admin CMS – JWT-secured dashboard for managing all content: properties, team, site settings, branding (logos, favicons, typography), analytics tags, SMTP mailer, and media compression parameters.
  • On-upload media pipeline – Automatic image compression (sharp → AVIF/WebP) and video transcoding (ffmpeg) with admin-configurable quality, resolution, and format controls. Auto poster extraction from uploaded videos.
  • Redis-cached CMS data + on-demand ISR – 2-week Redis TTL for all CMS queries, cache invalidation on admin saves, and 1-hour Next.js ISR revalidation with no build-time prerendering.
  • Investment process animation – Interactive 360° Method section with auto-advancing rings and configurable animation speed from the admin panel.
  • SEO & analytics ready – Per-locale Open Graph / Twitter Cards, Organization + RealEstateListing JSON-LD, GA4, GTM, and Meta Pixel injection from CMS settings.
  • Responsive, accessible UI – Mobile-first layout with Oswald + Manrope typography, Material Symbols icons, Tailwind CSS 4, and a floating WhatsApp action button.

Tech Stack:

  • Frontend: Next.js 16 (App Router), React 19, TypeScript 5, Tailwind CSS 4, Oswald & Manrope fonts
  • Backend: Next.js Server Actions + Route Handlers, JWT auth (jose + HS256), Nodemailer
  • Database: MongoDB 7 via Mongoose 9
  • Cache: Redis 7 via ioredis 5
  • Media: sharp (image optimization), ffmpeg (video transcoding)
  • Infra: Docker Compose (4 services + capped resources), host nginx reverse proxy, Cloudflare CDN
  • Validation: Zod 4, custom form helpers
  • Analytics: Google Analytics GA4, Google Tag Manager, Meta Pixel

Goal:
Deliver a fast, polished real estate platform that makes a boutique Israeli advisory firm feel credible and effortless to international investors—with a CMS that lets non-technical staff manage everything from listings to compression settings without touching code.