Saltar al contenido
Volver al inicio

Sitio CMS de Bienes Raices

Una plataforma inmobiliaria bilingüe con CMS administrativo, diseñada para inversores internacionales, con gestión de propiedades, automatización multimedia, optimización SEO y administración de contenido multilenguaje.

Visitar sitio
Sitio CMS de Bienes Raices
  • Cursor
    Cursor
  • MongoDB
  • Docker
  • Ubuntu
  • Nginx
  • Next.js
  • React
  • HTML5
  • CSS3
  • TypeScript
  • GitHub
  • Git
  • TailwindCSS

Sobre Este Proyecto

Un sitio web bilingüe y un CMS administrativo para una firma israelí de asesoramiento inmobiliario, ayudando a inversores internacionales a encontrar, financiar y gestionar propiedades en Israel sin barreras idiomáticas ni falta de conocimiento local.

 

Características Principales:

  • Homepage modular de una sola página – 12 secciones activables/desactivables desde el CMS (Hero, Confianza, Propiedades, Construcción, Equipo, Servicios, Testimonios, FAQ, Contacto y más) con CRUD completo desde el panel administrativo.
  • Bilingüe desde el diseño (es / en) – Cada campo de contenido es un objeto localizado { es, en } en MongoDB. La detección Geo-IP + Accept-Language dirige automáticamente a los visitantes al idioma correcto, con persistencia mediante cookies.
  • Portafolio de propiedades y proyectos en construcción – Páginas de detalle independientes para propiedades de inversión y proyectos en construcción, con galerías de imágenes/video, especificaciones, planos, tarjetas destacadas y datos estructurados JSON-LD.
  • CMS administrativo completamente funcional – Dashboard protegido con JWT para gestionar todo el contenido: propiedades, equipo, configuraciones del sitio, branding (logos, favicons, tipografía), etiquetas analíticas, SMTP mailer y parámetros de compresión multimedia.
  • Pipeline multimedia al subir archivos – Compresión automática de imágenes (sharp → AVIF/WebP) y transcodificación de video (ffmpeg) con controles configurables desde el panel administrativo para calidad, resolución y formatos. Extracción automática de posters desde videos subidos.
  • Datos del CMS cacheados con Redis + ISR bajo demanda – TTL de 2 semanas en Redis para todas las consultas del CMS, invalidación de caché al guardar desde el panel administrativo y revalidación ISR de Next.js cada 1 hora sin prerenderizado en build time.
  • Animación del proceso de inversión – Sección interactiva “360° Method” con anillos autoanimados y velocidad configurable desde el panel administrativo.
  • Preparado para SEO y analíticas – Open Graph / Twitter Cards por idioma, JSON-LD de Organization + RealEstateListing, integración de GA4, GTM y Meta Pixel configurables desde el CMS.
  • UI responsive y accesible – Diseño mobile-first con tipografías Oswald + Manrope, iconos Material Symbols, Tailwind CSS 4 y botón flotante de acción de WhatsApp.

Stack Tecnológico:

  • Frontend: Next.js 16 (App Router), React 19, TypeScript 5, Tailwind CSS 4, tipografías Oswald & Manrope
  • Backend: Next.js Server Actions + Route Handlers, autenticación JWT (jose + HS256), Nodemailer
  • Base de Datos: MongoDB 7 mediante Mongoose 9
  • Caché: Redis 7 mediante ioredis 5
  • Multimedia: sharp (optimización de imágenes), ffmpeg (transcodificación de video)
  • Infraestructura: Docker Compose (4 servicios + recursos limitados), nginx reverse proxy en host, Cloudflare CDN
  • Validación: Zod 4, helpers personalizados para formularios
  • Analíticas: Google Analytics GA4, Google Tag Manager, Meta Pixel

Objetivo:
Entregar una plataforma inmobiliaria rápida y pulida que haga que una firma boutique israelí de asesoramiento se perciba creíble y sin fricción para inversores internacionales, con un CMS que permita al personal no técnico gestionar todo, desde propiedades hasta configuraciones de compresión, sin tocar código.