Plataforma Web para Agencia de Turismo de Aventura
Sitio público con reservas en línea y panel administrativo a medida para una agencia de turismo de aventura.
- Next.js
- React
- TypeScript
- Tailwind CSS
- Supabase
- PostgreSQL
- Zod
- Vercel
- Node.js
- shadcn/ui
Capturas de pantalla
Características clave
- Sitio público y panel administrativo a medida
- en producción para un cliente real
- Reservas en línea con método de pago
- validación y protección anti-spam
- Tablero de estadísticas propio sin herramientas de terceros
- Mensajes de WhatsApp prellenados con los datos de la reserva y las cuentas bancarias
- Gestión completa de salidas: fotos
- fechas
- precios
- categorías y ficha técnica
- Acceso multirol: administrador y equipo de reservas
- Cambio de paleta de colores e identidad visual con un clic
- Generador de logos
- favicons e imagen para redes desde un solo PNG
- SEO técnico: JSON-LD
- sitemap dinámico y metadatos por página
- Seguridad: RLS en PostgreSQL
- rate limiting y cierre de sesión por inactividad
- Diseño responsive pensado primero para celular
Léame · README.md
Plataforma web completa para una agencia de turismo de aventura (senderismo, camping y viajes guiados), en producción para un cliente real. Esta versión de portafolio usa una marca ficticia, datos inventados e ilustraciones propias para proteger la identidad del cliente.
El sitio público muestra el catálogo de salidas con filtros por categoría y botones animados en Canvas, fichas detalladas con itinerario y datos técnicos, calendario de fechas, lista de salidas guardadas y un formulario de reserva con método de pago, validación en el servidor y protección anti-spam. Incluye SEO técnico completo: metadatos por página, datos estructurados JSON-LD, sitemap dinámico e iconos que cambian con la paleta de colores.
El panel administrativo permite al equipo gestionar todo sin tocar código: tablero de estadísticas propio (visitas por día y hora, clics por salida, países y dispositivos), reservas con cambio de estado y mensaje de WhatsApp prellenado con las cuentas bancarias, edición de salidas con hasta 5 fotos, fechas y ficha técnica, portada, galería, reseñas, menú, usuarios con roles y cambio de identidad visual con un clic. Un generador en el navegador crea logos, favicons e imagen para redes a partir de un solo PNG.
Arquitectura: Next.js 16 (App Router, Server Components y Server Actions) con React 19 y TypeScript, Supabase (PostgreSQL, Auth y Storage) con seguridad a nivel de fila, validación con Zod, correos con Resend y despliegue en Vercel.
Retos resueltos: autorización verificada en el servidor en cada acción (no solo en la interfaz), límite de solicitudes por IP y por correo directamente en PostgreSQL, cierre de sesión por inactividad que funciona incluso con la pestaña suspendida, subida de imágenes comprimidas en el navegador con URLs firmadas y un diseño pensado primero para celular, porque la mayoría del tráfico llega desde el teléfono.