Ir al contenido
T A R O .
← Volver

Escuela de cocina · Next.js 15 · Reservas y panel admin

Menesteres

2026

Contexto

Clases, consultas de alquiler del espacio y cupos se gestionaban por mensajes y planillas, sin un canal digital unificado.

Problema

Había que presentar la propuesta (servicios, lookbook), dejar elegir clase y fecha con disponibilidad clara, cerrar la reserva en el sitio y dar al staff un panel para administrar clases y reservas sin depender solo de WhatsApp.

Decisiones

  • Sitio público con home, catálogo por categorías, detalle de clase con formulario de reserva y calendario mensual con filtros y estados de cupos (disponible, pocos lugares, agotado, cancelada) leyendo Supabase en servidor.
  • Flujo visitante: explorar clases o calendario → elegir fecha → reservar vía POST /api/reservations con consulta de disponibilidad antes de confirmar.
  • Contenido institucional (nosotros, recetas), promoción del espacio para alquiler con consulta y contacto.
  • Panel /admin con Supabase Auth y allowlist: reservas (listar, marcar pagada, cancelar, exportar) y clases (plantillas, cupos, cancelaciones con impacto en reservas asociadas).
  • APIs admin en servidor con service role; modelo classes / classes_with_availability y tabla reservations en Supabase.

Tecnología

Next.js 15 (App Router, Server Components y API Routes), React 19 y TypeScript; Tailwind CSS 4; Supabase para base de datos, auth y vistas de disponibilidad; Framer Motion, Lucide y date-fns; deploy en Vercel.

Ver sitio en vivo →