Recomendaciones

Plataforma Web para Agencia de Turismo de Aventura

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
1 de 12

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.

Desarrollador Full Stack · 2026