/ Caso de estudio · Sitio web y reservas
Quinta Delisandro — Sitio web y sistema de reservas
Proyecto web orientado a promocionar una quinta para eventos y centralizar la gestión de disponibilidad, precios y reservas en una plataforma fullstack moderna.
- Rol
- Desarrollo fullstack (frontend + backend), panel de administración, lógica de reservas y gestión de imágenes.
- Cliente
- Quinta Delisandro (cliente real)
- Año
- 2026
Capturas
Página de inicio con carrusel de fotos 
Servicios y comodidades de la quinta 
Ubicación, dirección y mapa 
Agenda pública: elegir una fecha y contar sobre el evento 
Panel de administración: calendario de reservas (datos de ejemplo) 
Panel de administración: precios, horarios y días en que se ofrece 
Panel de administración: rendimiento de reservas (datos de ejemplo) 
Panel de administración: galería de fotos 
Página de inicio en escritorio 
Panel en escritorio: calendario de reservas (datos de ejemplo) 
Panel en escritorio: métricas (datos de ejemplo)
El problema
El negocio necesitaba una web moderna para mostrar el espacio, facilitar el contacto y consultar disponibilidad, junto con una herramienta interna para administrar reservas, precios y contenido sin procesos manuales.
La solución
Se desarrolló una aplicación fullstack con Next.js y TypeScript que combina sitio público y panel de administración protegido para gestionar reservas, precios e imágenes con persistencia en base de datos y almacenamiento en la nube. El sitio público incluye SEO local con datos estructurados (LocalBusiness / EventVenue) y visitas coordinadas con cita previa por WhatsApp.
Detalles técnicos
Front-end
- React 19
- Next.js 16 (App Router)
- TypeScript
- Material UI (MUI) + Emotion
- Tailwind CSS v4
- RSuite
- Framer Motion
Back-end / datos
- Next.js API Routes
- Prisma ORM
- SQLite (con soporte libSQL/Turso vía adapter)
- Middleware de protección para rutas admin
- Autenticación de admin por cookie segura (httpOnly)
Storage
- Vercel Blob (imágenes)
- Fallback local para entorno de desarrollo
Funcionalidades principales
- Sitio público con información comercial de la quinta
- Consulta de disponibilidad por fechas
- Panel admin para gestión de reservas
- Gestión de precios con historial
- Dashboard de métricas administrativas
- ABM y ordenamiento de imágenes de galería
- SEO local con datos estructurados (LocalBusiness / EventVenue)
- Períodos de precio por temporada, con horarios y días de la semana en que se ofrece
- Días bloqueados para uso propio: figuran como no disponibles pero no cuentan en las métricas
- Consultas de la agenda pública (tipo de evento y cantidad de personas) registradas para alimentar las métricas
- Copia de seguridad diaria automática de la base con GitHub Actions
- Login de administrador y protección de rutas /admin y /api/admin
Mi aporte
- Diseño e implementación de la arquitectura fullstack en Next.js
- Construcción de la experiencia de usuario del sitio público
- Desarrollo de APIs para reservas, precios, métricas e imágenes
- Integración de Prisma con base de datos y modelo de datos de negocio
- Implementación de autenticación admin y middleware de seguridad
- Despliegue y configuración para producción con dominio propio
Resultado
- Plataforma funcional para captación de clientes y gestión operativa
- Menor fricción en la administración diaria de reservas y precios
- Presencia web profesional, escalable y mantenible para el negocio