CP/DEV
Turismo Urbano

2025 · Desarrollador fullstack

Turismo Urbano

Inmobiliaria en producción con React 19 y Laravel

  • React 19
  • Laravel
  • PostgreSQL
  • Cloudinary
  • Render
Tiempo primer render
< 1.5s
Stack
SPA + API REST
Backoffice
Sin fricción

El problema

Una inmobiliaria en Tenerife necesitaba una plataforma rápida para listar propiedades en alquiler y venta, gestionar imágenes pesadas y publicar desde un backoffice simple. El stack anterior en WordPress se quedaba corto: SEO limitado por plantillas rígidas, carga lenta de galerías por la falta de un pipeline de imágenes, y cero flexibilidad para evolucionar hacia filtros avanzados o integraciones con portales externos.

El equipo comercial publicaba 20-30 propiedades al mes y necesitaba que el site aguantara picos de tráfico de campañas locales sin colapsar.

Decisiones arquitectónicas

Opté por separar frontend y backend con una división clara de responsabilidades:

  • SPA React 19 + API Laravel: frontend público ligero con server components sólo donde hace falta SEO. Backend con autenticación Sanctum para el backoffice de agentes.
  • Cloudinary para transformaciones de imagen on-demand (thumbnails WebP/AVIF, recortes inteligentes). Elimina la carga de procesar imágenes del servidor propio y permite crecer sin revisar infraestructura.
  • PostgreSQL con modelo relacional propiedades ↔ ubicación ↔ multimedia, indexado por ciudad, tipo y rango de precio.
  • CI/CD Render ↔ GitHub: cada push a main despliega en minutos con preview environments por PR para QA antes de ir a producción.

Descarté Next.js puro porque el equipo administrativo ya conocía Laravel (uno de los socios técnicos era PHP developer) y porque Laravel Filament daba un backoffice profesional en días, no en semanas.

Trabajo realizado

  • Modelado de datos con relaciones propietarios-propiedades-multimedia
  • API REST con endpoints públicos y protegidos para el panel interno
  • SPA React 19 con router, filtros avanzados y galería optimizada
  • Integración Cloudinary con uploads firmados desde el frontend
  • Despliegue en Render con dominios custom y SSL automático
  • Migración de contenido desde el sitio anterior

Resultado

Carga inicial bajo 1.5s en 4G, backoffice que el equipo no técnico usa sin fricción, y un pipeline de imágenes que escala sin intervención. La inmobiliaria publica nuevas propiedades en minutos, con previsualización de galerías antes de lanzarlas.