Nahuel Cabral
ES
← All projects

/ Case study · Website & booking system

Quinta Delisandro — Website and booking system

A web project to promote an event venue and centralise the management of availability, prices and bookings on a modern full-stack platform.

Visit live site (opens in a new tab)

Role
Full-stack development (front end + back end), admin panel, booking logic and image management.
Client
Quinta Delisandro (real client)
Year
2026
  • Home page with photo carousel
    Home page with photo carousel
  • Amenities of the venue
    Amenities of the venue
  • Location, address and map
    Location, address and map
  • Public agenda: pick a date and tell about the event
    Public agenda: pick a date and tell about the event
  • Admin panel: bookings calendar (sample data)
    Admin panel: bookings calendar (sample data)
  • Admin panel: prices, hours and days offered
    Admin panel: prices, hours and days offered
  • Admin panel: booking performance (sample data)
    Admin panel: booking performance (sample data)
  • Admin panel: gallery management
    Admin panel: gallery management
  • Home page on desktop
    Home page on desktop
  • Admin panel on desktop: bookings calendar (sample data)
    Admin panel on desktop: bookings calendar (sample data)
  • Admin panel on desktop: metrics (sample data)
    Admin panel on desktop: metrics (sample data)

The problem

The business needed a modern website to showcase the venue, make contact easy and let people check availability, plus an internal tool to manage bookings, prices and content without manual processes.

The solution

A full-stack application with Next.js and TypeScript that combines a public site and a protected admin panel to manage bookings, prices and images, with database persistence and cloud storage. The public site includes local SEO with structured data (LocalBusiness / EventVenue) and visits coordinated by appointment through WhatsApp.

Technical details

Front end

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

Back end / data

  • Next.js API Routes
  • Prisma ORM
  • SQLite (with libSQL/Turso support via adapter)
  • Protection middleware for admin routes
  • Admin authentication with a secure httpOnly cookie

Storage

  • Vercel Blob (images)
  • Local fallback for development

Main features

  • Public site with the venue's commercial information
  • Availability lookup by date
  • Admin panel for bookings management
  • Price management with history
  • Admin metrics dashboard
  • Gallery image CRUD and ordering
  • Local SEO with structured data (LocalBusiness / EventVenue)
  • Price periods by season, with opening hours and days of the week offered
  • Blocked days for own use: shown as unavailable but excluded from the metrics
  • Public inquiries (event type and guests) recorded to feed the metrics
  • Automatic nightly database backup with GitHub Actions
  • Admin login and protection of /admin and /api/admin routes

My contribution

  • Design and implementation of the full-stack architecture in Next.js
  • User experience of the public site
  • APIs for bookings, prices, metrics and images
  • Prisma integration and the business data model
  • Admin authentication and security middleware
  • Production deployment and setup on a custom domain

Result

  • Working platform for attracting customers and running daily operations
  • Less friction in day-to-day management of bookings and prices
  • A professional, scalable and maintainable web presence for the business
Next projectRadio Provincia — Advertising budget calculator →