DESIGNER_DEV

Estudio de caso

Quinta Delisandro - Sitio web y sistema de reservas

Proyecto web orientado a promocionar una quinta para eventos y centralizar la gestion de disponibilidad, precios y reservas en una plataforma fullstack moderna.

Galería

Deslizá para ver más

1 / 8

  • Captura 1 del proyecto Quinta Delisandro - Sitio web y sistema de reservas

    Home

    Vista de home.

  • Captura 2 del proyecto Quinta Delisandro - Sitio web y sistema de reservas

    Amenities

    Vista de amenities.

  • Captura 3 del proyecto Quinta Delisandro - Sitio web y sistema de reservas

    Ubicacion

    Vista de ubicacion.

  • Captura 4 del proyecto Quinta Delisandro - Sitio web y sistema de reservas

    Reservar

    Vista de reservar.

  • Captura 5 del proyecto Quinta Delisandro - Sitio web y sistema de reservas

    Panel Admin Reservas

    Vista de panel admin reservas.

  • Captura 6 del proyecto Quinta Delisandro - Sitio web y sistema de reservas

    Actualizar Precios

    Vista de actualizar precios.

  • Captura 7 del proyecto Quinta Delisandro - Sitio web y sistema de reservas

    Metricas

    Vista de metricas.

  • Captura 8 del proyecto Quinta Delisandro - Sitio web y sistema de reservas

    Carga De Fotos

    Vista de carga de fotos.

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 desarrollo una aplicacion fullstack con Next.js y TypeScript que combina sitio publico y panel de administracion protegido para gestionar reservas, precios e imagenes con persistencia en base de datos y almacenamiento en la nube.

Detalles técnicos

Front-end

  • React 19
  • Next.js 16 (App Router)
  • TypeScript
  • Material UI (MUI) + Emotion
  • Tailwind CSS v4
  • RSuite
  • Framer Motion
  • React Icons

Back-end / datos

  • Next.js API Routes
  • Prisma ORM
  • SQLite (con soporte libSQL/Turso via adapter)
  • Middleware de proteccion para rutas admin
  • Autenticacion de admin por cookie segura (httpOnly)

Storage

  • Vercel Blob (imagenes)
  • Fallback local para entorno de desarrollo

Funcionalidades principales

  • Sitio publico con informacion comercial de la quinta
  • Consulta de disponibilidad por fechas
  • Panel admin para gestion de reservas
  • Gestion de precios con historial
  • Dashboard de metricas administrativas
  • ABM y ordenamiento de imagenes de galeria
  • Login de administrador y proteccion de rutas /admin y /api/admin

Mi aporte

  • Diseño e implementacion de la arquitectura fullstack en Next.js
  • Construccion de la experiencia de usuario del sitio publico
  • Desarrollo de APIs para reservas, precios, metricas e imagenes
  • Integracion de Prisma con base de datos y modelo de datos de negocio
  • Implementacion de autenticacion admin y middleware de seguridad
  • Despliegue y configuracion para produccion con dominio propio

Resultado

  • Plataforma funcional para captacion de clientes y gestion operativa
  • Menor friccion en la administracion diaria de reservas y precios
  • Presencia web profesional, escalable y mantenible para el negocio

Demo

  • https://www.quintadelisandro.com.ar