MAP DXB
Plataforma inmobiliaria de producción (mercado UAE)
EL DESAFÍO
Construir una plataforma inmobiliaria para el mercado de UAE requiere manejar grandes conjuntos de datos de propiedades con imágenes pesadas, soporte multilingüe (EN/AR) y filtrado rápido mientras se mantiene el rendimiento en todos los dispositivos.
STACK TECNOLÓGICO
Enfoque de ingeniería
Planificación de arquitectura frontend
Diseñé la arquitectura frontend completa con enfoque en páginas de listado pesadas en imágenes y capacidades de filtrado dinámico.
Gestión de estado impulsada por API
Integré con la API del backend usando gestión de estado estructurada para asegurar actualizaciones de UI predecibles a medida que cambian los datos de propiedades.
Infraestructura multilingüe
Implementé enrutamiento i18n adecuado para inglés y árabe con soporte RTL y consideraciones de estructura de URL.
Optimización del rendimiento
Apliqué optimización de imágenes, carga diferida y división de código para mantener una navegación rápida a pesar de los grandes activos de medios.
Decisiones técnicas clave
Las elecciones que dieron forma a la arquitectura y determinaron la mantenibilidad a largo plazo.
Next.js para SEO
Usé Next.js con SSR para listados de propiedades
Las plataformas inmobiliarias necesitan visibilidad en motores de búsqueda para tráfico orgánico, lo que requiere renderizado del lado del servidor
Estrategia de optimización de imágenes
Implementé next/image con srcsets responsivos
Las imágenes de propiedades son el punto de venta principal pero también el mayor cuello de botella de rendimiento
Enrutamiento multilingüe basado en URL
Usé localización basada en ruta (/en, /ar) en lugar de subdominio
Despliegue más simple e indexación SEO mejor para ambas variantes de idioma
Filtrado del lado del cliente
Implementé lógica de filtrado en el frontend con estado de URL
Experiencia de usuario más rápida y estados de filtro compartibles via parámetros de URL
Desafíos y soluciones
Los tiempos de carga de página iniciales eran de 5+ segundos debido a las grandes galerías de imágenes de propiedades
Implementé carga progresiva de imágenes con marcadores de posición borrosos y carga diferida para imágenes debajo del pliegue
El diseño RTL árabe estaba rompiendo diseños de componentes y causando errores visuales
Usé propiedades CSS lógicas (start/end en lugar de left/right) y probé todos los componentes en ambas direcciones
Las actualizaciones de datos de propiedades no se reflejaban en tiempo real para los usuarios
Implementé actualizaciones de UI optimistas con manejo adecuado de errores y estrategias de invalidación de caché
Resultados e impacto
MAP DXB se lanzó como una plataforma inmobiliaria bilingüe de alto rendimiento sirviendo al mercado de UAE con navegación y búsqueda de propiedades rápida.
APRENDIZAJES CLAVE
Los proyectos de clientes requieren equilibrar la arquitectura ideal con las restricciones del mundo real. A veces 'suficientemente bueno' lanzado es mejor que 'perfecto' retrasado.