Volver a proyectos
DirectStay
Full Stack

DirectStay

DirectStay cubre el ciclo completo de una reserva: búsqueda con filtros, detalle de apartamento, formulario de reserva y confirmación con ID persistido en base de datos. El flujo de reserva usa Server Actions de Next.js — la validación con Zod se ejecuta dos veces, en cliente vía React Hook Form y en servidor antes de escribir en la base de datos, de modo que el write solo se alcanza con datos limpios aunque alguien bypass el formulario. Las páginas de detalle se pre-renderizan en build time con generateStaticParams (SSG). El panel de administración lista todas las reservas directamente desde PostgreSQL.

Puntos clave

  • Server Actions sobre API routes: validación Zod compartida entre cliente y servidor, sin capa de API intermedia
  • Doble validación client + server — el write a base de datos solo se alcanza con datos limpios
  • SSG en páginas de detalle con generateStaticParams, páginas dinámicas solo donde hace falta
  • Panel de administración con listado de reservas en tiempo real desde PostgreSQL

Stack técnico

Next.jsTypeScriptTailwind CSSPrismaPostgreSQLZodReact Hook Form

Acceso al proyecto