Vídeo de demostración: Plantilla Next.js de reservas y alquiler vacacional con Stripe e IA
Hollina es una plantilla Next.js full-stack de alquiler vacacional: un sitio de alojamientos con calendarios de disponibilidad y pago con Stripe, PayPal o a la llegada, un panel de reservas para el anfitrión y una API NestJS. Recibes el código fuente de las tres aplicaciones, un asistente de IA, una empresa de demostración con datos, e inglés y árabe con RTL en temas claro y oscuro.
- vacation rental
- booking
- reservations
- availability calendar
- stripe
- paypal
- next.js
- nestjs
Acerca de Plantilla Next.js de reservas y alquiler vacacional con Stripe e IA
Hollina reúne el negocio de reservas directas de una empresa de alojamiento en una sola plantilla full-stack. En el sitio, los huéspedes buscan alojamiento por destino, fechas, número de huéspedes y tipo, con los filtros guardados en la dirección, abren la galería, las comodidades, las normas de la casa, las reseñas y el calendario de disponibilidad de dos meses de un alojamiento, y ven el precio de las noches a medida que las eligen. El pago acepta tarjeta con Stripe Checkout alojado, una cuenta de PayPal con Orders v2 o pago a la llegada, y lo que confirma una reserva pagada es un webhook firmado, nunca el regreso del huésped. Después, el huésped encuentra su reserva con la referencia y el correo, la cancela mientras la política lo permita y deja una reseña cuando termina la estancia.
El panel de reservas muestra el día del anfitrión de un vistazo: la ocupación y los ingresos del mes, las llegadas y salidas, y lo que está pendiente. Un calendario mensual dibuja cada reserva por sus noches y permite al equipo bloquear fechas, cada reserva pasa por confirmar, registrar la llegada, completar o cancelar con el motivo por el que un paso no está disponible, y el editor de alojamientos reúne los dos idiomas en pestañas con fotos ordenadas y una comprobación antes de publicar. Las consultas se responden y anotan, las reseñas se publican u ocultan, y un asistente de IA responde preguntas sobre disponibilidad, reservas e ingresos con los datos de la propia empresa, dibujando gráficos en el chat.
Una API NestJS con TypeORM sirve a las dos aplicaciones sobre SQLite o MySQL, con autenticación JWT, roles y permisos, y notificaciones en tiempo real. Un único servicio de disponibilidad responde a toda pregunta sobre fechas libres, así que el sitio, el pago, el calendario y el asistente nunca se contradicen. El seeder crea una empresa de demostración completa con 14 alojamientos, 60 reservas, consultas y reseñas, 27 herramientas MCP sirven al asistente y a los agentes de código, el modo demo deja los cambios de cada visitante solo para ese visitante, y un solo comando elimina el código de demostración de cada aplicación. Los dos frontends se entregan en inglés y árabe con diseño de derecha a izquierda, en temas claro y oscuro.
Especificaciones Técnicas
Framework
Next.js 16.3.5
Versión de React
React 19.3.0
Estilo
Tailwind CSS 4.3.3
TypeScript
Sí
Responsivo
Móvil, Tableta, Escritorio
Período de Soporte
Lifetime Incluido
Consejo Pro: Todas las plantillas incluyen documentación completa para ayudarte a comenzar rápidamente.
Pantallas de la demo
Booking website overview, dark theme
The website's home page: the promise, the hero stay with its rate, and the search by destination, dates and guests, in the dark theme
Home: destinations, dark theme
Six destinations, each with its tagline and the number of stays in it, in the dark theme
Home: stay types and how it works, dark theme
The six kinds of place, each opening the stays list already filtered, then the booking steps, in the dark theme
Home: two ways to stay and why book direct, dark theme
A short break or a longer stay, and what booking with the host directly gives a guest, in the dark theme
Home: questions and contact, dark theme
The questions guests ask, answered, and the way to get in touch, in the dark theme
Stays list, dark theme
Every published stay with the filters for destination, dates, guests, type and sort, kept in the address, in the dark theme
Comunidad Global de Usuarios
Únete a miles de desarrolladores en todo el mundo que confían en Aniq-UI para sus proyectos. Nuestras plantillas se utilizan en todo el mundo para crear experiencias web impresionantes.
Preferencias de Cookies
Utilizamos cookies para mejorar tu experiencia de navegación, analizar el tráfico del sitio y personalizar el contenido. Al hacer clic en "Aceptar Todo", consientes nuestro uso de cookies para análisis y publicidad personalizada.