joacodev
Proyectos

04 · Sitio de marca + panel de administración

Balcones de la Cumbrecita

Sitio para un complejo de suites en las sierras, con un panel propio para la información del huésped.

Año
2026
Para
Balcones de la Cumbrecita
Estado
En producción
Rol
Diseño de UI, frontend, backend, SEO y deploy
Visitar balconesdelacumbrecita.com (abre en otra pestaña)
Captura de Balcones de la Cumbrecita
cabañas independientes
4
bases de datos: JSON en Vercel Blob
0
de sesión firmada con HMAC-SHA256
7 días

El problema

Un complejo de suites para parejas en La Cumbrecita (Córdoba) necesitaba reemplazar su presencia online por una web rápida y orientada a la conversión: mostrar las suites, los espacios comunes y el entorno serrano, y llevar al visitante a reservar online o a consultar por WhatsApp. Además, el dueño necesitaba actualizar la información para los huéspedes sin tocar código.

La solución

Una landing mobile-first, pensada para quien llega desde Instagram o Google en el celular, conectada al motor de reservas del hotel y a WhatsApp. Y una sección privada de información para el huésped que el administrador edita desde un panel protegido con contraseña.

Features clave

  • Landing de una sola página: hero, suite premium, club house, pileta, experiencias, actividades cercanas, reseñas y ubicación.
  • Galerías con lightbox propio: teclado (← → Esc), swipe en mobile y cierre al tocar el fondo.
  • Información para el huésped: reglamento, WiFi, horarios, frigobar con precios, mapa del pueblo y restaurantes con delivery, pensada para abrir desde un QR en la suite y excluida de buscadores.
  • Panel de administración con listas dinámicas, subida de imagen y guardado con Server Actions que revalidan la caché para que el cambio se vea al instante.
  • SEO local: metadata completa, JSON-LD LodgingBusiness con rating y reseñas, sitemap, robots e imagen Open Graph propia.

Desafíos técnicos

  • Contenido editable sin base de datos: para un cliente chico, una base era excesiva. Un JSON en Vercel Blob con fallback local mantiene el costo en cero y el código simple.
  • Autenticación sin dependencias: sesión rol.expiración.firma firmada con HMAC-SHA256 usando solo crypto de Node, cookie httpOnly y comparación en tiempo constante.
  • Filesystem de solo lectura en Vercel: se detectó en producción y se resolvió con una capa de almacenamiento intercambiable, sin tocar el resto del código.
  • Datos que nunca rompen la página: merge con valores por defecto y compatibilidad con formatos anteriores del JSON.

Resultado

El cliente actualiza la información de sus huéspedes sin depender de un desarrollador, y el sitio lleva directo a reservas y a WhatsApp. Las reseñas del sitio muestran Google 4,7, Tripadvisor 4,5 y 40k seguidores en Instagram.

Stack

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Vercel Blob
  • Vercel