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.
Visitar balconesdelacumbrecita.com (abre en otra pestaña)- 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
LodgingBusinesscon 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.firmafirmada con HMAC-SHA256 usando solocryptode Node, cookiehttpOnlyy 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


