01 · Diseño
Diseño Responsivo
Diseños para móvil, tableta y escritorio con un solo conjunto de componentes, un menú móvil y zonas táctiles de 44px.
Saber más: Diseño ResponsivoPremium
Plantilla Next.js de reservas y alquiler vacacional con Stripe y asistente de 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.
Todo incluido
Full Stack
Sitio de alojamientos + panel de reservas + API NestJS con Stripe, PayPal, TypeORM y autenticación
Precio de lanzamiento · 30% de descuento para los primeros 3 compradores
Quedan 3 de 3 plazas de lanzamiento · aplicado al pagar
- Uso en proyectos comerciales ilimitados. Trabajo para clientes incluido.
- Pago único, actualizaciones gratis
- Factura para empresas con tu NIF o número de IVA
Lo último de Aniq-ui
Síguenos en X- Uso en proyectos comerciales ilimitados. Trabajo para clientes incluido.
- Pago único, actualizaciones gratis
- Factura para empresas con tu NIF o número de IVA
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.
Hollina es una plantilla full-stack de alquiler vacacional para una empresa de alojamiento: un sitio Next.js donde los huéspedes encuentran un alojamiento, eligen sus noches y pagan, un panel Next.js donde el equipo gestiona el calendario, las reservas y los alojamientos, y una API NestJS detrás de ambos. Incluye Stripe, PayPal, un asistente de IA, temas claro y oscuro, e inglés y árabe con RTL.
Un asistente que lee el calendario
Pregunta qué alojamientos están libres el próximo fin de semana, cómo evolucionan los ingresos mes a mes o qué está pendiente hoy. El asistente responde con los datos de la propia empresa mediante 27 herramientas MCP, dibuja un gráfico cuando la pregunta trata de una tendencia, y puede bloquear fechas o hacer avanzar una reserva.
- Herramientas para alojamientos, disponibilidad, reservas, consultas y reseñas
- Google Gemini con tu propia clave
- Las mismas herramientas abiertas a agentes de código en el endpoint MCP
El paquete
Un negocio de reservas directas en una sola base de código
Una base conectada para una marca de alquiler vacacional, un hotel boutique o el sitio de reservas de un gestor de propiedades, con código fuente que adaptas a tu proyecto. El paquete full-stack incluye el sitio, el panel de reservas y la API que los sirve.
Panel de reservas
- Un resumen de la ocupación, los ingresos y las llegadas de hoy
- Un calendario mensual con fechas bloqueadas
- Reservas, alojamientos, consultas y reseñas
- Asistente de IA, equipo, roles y ajustes
Sitio de alojamientos
- Alojamientos con filtros guardados en la URL
- Páginas de alojamiento con calendario de disponibilidad y presupuesto en directo
- Pago con tarjeta, PayPal o a la llegada
- Encontrar una reserva, cancelarla y dejar una reseña
API NestJS
- Autenticación, roles y permisos
- Un único servicio de disponibilidad para toda pregunta sobre fechas
- Stripe y PayPal con webhooks firmados
- Un seeder que crea una empresa de demostración completa
El día del anfitrión
Un panel construido alrededor del calendario
El resumen se abre con lo que importa hoy: la ocupación y los ingresos del mes, las llegadas y salidas, las reservas pendientes de decisión, doce meses de ingresos y reservas, y las últimas reservas.
Un mes de noches, una fila por alojamiento
Cada reserva es una barra sobre sus noches, coloreada según su estado, con las fechas bloqueadas al lado. Abre una reserva desde su barra o cambia de mes.
- Reservas dibujadas como noches, nunca como días
- Fechas bloqueadas con su motivo
- Hoy marcado en la zona horaria de la empresa
Retirar noches por mantenimiento o uso de la empresa
Bloquear fechas cuenta las noches y rechaza un rango que se solapa con una reserva u otro bloqueo, nombrando lo que estorba.
- Mantenimiento, uso de la empresa u otro, con una nota
- Un registro de bloqueos programados
- La misma regla que usa el asistente para bloquear fechas
Todas las reservas, filtradas como trabaja el equipo
Pestañas con un recuento por estado, búsqueda por referencia o huésped, y un rango de llegada, diez por página.
- Pendiente, confirmada, con llegada, completada y cancelada
- El método y el estado del pago en cada fila
- Una paleta de búsqueda que encuentra reservas, alojamientos y consultas
Un editor de alojamientos en dos idiomas
Título y descripción en inglés y árabe bajo pestañas de idioma, capacidad, tarifa por noche, tarifa de limpieza y noches mínimas, comodidades, normas de la casa y fotos en el orden en que deben aparecer.
- Publicar exige tres fotos y los dos idiomas
- Referencias y direcciones de página generadas automáticamente
- Búsqueda y filtros por estado, tipo y destino en la lista
Preguntas de huéspedes con estado y notas
Cada consulta se abre junto a la lista con el alojamiento, las fechas y los huéspedes por los que se pregunta, su origen y una nota interna. El equipo la marca como respondida o cerrada sobre la marcha.
- El formulario de contacto y la página del alojamiento crean la misma consulta
- Una notificación en cuanto llega una
- Búsqueda en todas las consultas
Reseñas que el equipo puede ocultar
Las reseñas llegan de estancias completadas y aparecen en el sitio al momento. Ocultar una la quita de la página del alojamiento y de su valoración; volver a publicarla la devuelve.
- Pestañas para reseñas publicadas y ocultas
- La reserva de la que viene cada reseña
- La media del alojamiento actualizada al instante
Ajustes que pertenecen a la empresa
El nombre y los datos de contacto de la empresa en los dos idiomas con una vista previa en directo del pie del sitio, los alojamientos y preguntas destacados del inicio, los destinos, las cuentas del equipo y lo que puede hacer cada rol.
- Administradores, roles y 32 permisos
- Menús y acciones ocultos sin el permiso
- Perfil y contraseña para cada cuenta
Encontrar alojamiento
Buscar como un huésped planea su viaje
El destino, las fechas, los huéspedes y el tipo de alojamiento acotan la lista, y cada filtro vive en la barra de direcciones: una búsqueda se comparte, se guarda en marcadores o se recupera con el botón atrás. Los filtros aplicados se muestran como chips, cada uno con su propio Quitar.
Una página de alojamiento que pone precio a las noches al elegirlas
La galería, los datos y la tarjeta de reserva van primero. Elige una llegada y una salida y la tarjeta muestra las noches, la tarifa de limpieza y el total antes de que el huésped se comprometa a nada.
- Normas de la casa, comodidades y ubicación aproximada
- Alojamientos similares por destino, tipo y tarifa
- Un diálogo de preguntas que llega a las consultas del panel
- Los borradores nunca llegan al sitio público
Dos meses de noches, dibujados con honestidad
El calendario de disponibilidad consulta el mismo servicio que el pago y el panel, así que nunca puede prometer una noche que ya está ocupada.
- Noches disponibles, no disponibles, ocupadas y seleccionadas, cada una con su marca
- El día de salida queda libre para la siguiente llegada
- Se respetan las fechas bloqueadas y las estancias mínimas
La página de inicio
Nueve secciones que empiezan la búsqueda
Un hero con el buscador, seis destinos, alojamientos destacados, los tipos de alojamiento, cómo funciona la reserva, dos formas de alojarse, por qué reservar directamente, las preguntas de los huéspedes y una forma de contactar. El alojamiento del hero, los destacados y las preguntas se eligen en los ajustes del panel.
Pago
Pagar con tarjeta, con PayPal o a la llegada
El huésped introduce sus datos, elige cómo pagar y lee la política de cancelación junto a un resumen de las noches. Una tarjeta va a Stripe Checkout alojado y una cuenta de PayPal a la página de aprobación de PayPal, así que con un procesador configurado ningún número de tarjeta llega a tu servidor. Lo que confirma una reserva pagada es un webhook firmado, nunca el regreso del huésped.
Después de la reserva
La reserva de un huésped, sin cuenta
Una reserva se encuentra con su referencia y el correo con el que se hizo. Mientras falten al menos siete días para la llegada, el huésped puede cancelarla desde esa página; una reserva pagada pasa a reembolso pendiente, y el anfitrión la reembolsa desde el panel del procesador.
Reseñas de estancias que ocurrieron de verdad
Solo una reserva completada puede recibir una reseña, desde la propia página de reserva del huésped. La reseña aparece en el alojamiento al momento, y el equipo puede ocultarla o volver a publicarla, con la valoración del alojamiento siguiendo cada cambio.
- La media y el número de reseñas en cada tarjeta de alojamiento
- Una reseña por reserva completada
- Reseñas publicadas en la página del alojamiento
Una reserva de principio a fin
De una noche en el calendario a una fila en el panel
Una reserva pasa por todas las partes de Hollina, y cada una consulta el mismo servicio de disponibilidad: el sitio, el pago, el calendario y el asistente nunca se contradicen sobre una fecha.
En el sitio
- El huésped elige noches libres en el calendario
- El presupuesto les pone precio con la tarifa de limpieza
- Las fechas quedan retenidas 30 minutos mientras paga
En el procesador
- Stripe Checkout alojado o PayPal Orders v2
- Un webhook firmado confirma, marca el fallo o reembolsa
- Un simulador ocupa su lugar cuando no hay claves
En el panel
- Llega una notificación en cuanto se paga
- La reserva aparece en el calendario y en el resumen
- El equipo registra la llegada y completa la estancia
Una reserva con todo lo que el equipo necesita
El alojamiento, el huésped, el precio, el pago y una cronología de lo ocurrido, con las acciones que permite el estado de la reserva. Una acción no disponible dice por qué, así que una reserva con tarjeta aún sin pagar no se puede confirmar por error.
- Confirmar, registrar la llegada, completar o cancelar
- El pago a la llegada marcado como pagado al llegar
- Una nota interna que el huésped nunca ve
Pagos que se ven, claves que no
La pestaña Pagos muestra si Stripe y PayPal están configurados y en modo de prueba o real, la opción de pago a la llegada y la política de cancelación que leen los huéspedes. Las claves se quedan en el entorno del servidor y nunca aparecen en el panel.
- Añadir un procesador con una clase y una línea
- Modos de prueba y real mostrados con claridad
- La política redactada en los dos idiomas
Alrededor de la reserva
Las páginas que ayudan a un huésped a decidir
Destinos con sus alojamientos, la historia del anfitrión, una página de contacto, una página de privacidad y una lista de alojamientos guardados, en los dos idiomas y los dos temas.
Alojamientos guardados, sin cuenta
Un huésped guarda una selección en su dispositivo con el botón Guardar y vuelve a ella desde la lista de alojamientos.
- Un botón de guardar en cada página de alojamiento
- Guardado en el navegador, sin registrarse
- Quitar un alojamiento de la lista con un clic
Formularios que se pueden enviar dos veces sin riesgo
El formulario de contacto, la pregunta sobre un alojamiento y el pago están hechos para tráfico real, no solo para una demo.
- Un envío repetido devuelve el registro ya guardado
- Un campo oculto y un límite por dirección frenan a los bots
- Una referencia que el huésped puede citar
Bilingüe, claro y oscuro
Inglés y árabe, en ambas direcciones y ambos temas
Cada pantalla del sitio y del panel está escrita en los dos idiomas y se invierte para el árabe, con precios, fechas y referencias en dígitos latinos. Las dos aplicaciones siguen el tema del sistema o el que elige el visitante, aplicado antes del primer pintado para que ninguna página parpadee.
Responsive
Hecho para el móvil que tiene el huésped en la mano
Los alojamientos, la página del alojamiento y el pago están diseñados para una pantalla estrecha. En un móvil la página del alojamiento mantiene abajo una barra de reserva con el precio y el siguiente paso, por mucho que el huésped se desplace.
Qué recibes
Todo para ponerlo en marcha, no solo las pantallas
El código fuente de las tres aplicaciones, los datos de partida y la documentación para ir más lejos.
Código fuente
- El sitio, el panel de reservas y la API
- TypeScript en todo, con dependencias en versiones exactas
- Una licencia comercial para proyectos ilimitados
Datos
- Un seeder con 14 alojamientos, 6 destinos, 60 reservas, consultas y reseñas
- Las fotos de los alojamientos de demostración, servidas por la API
- Dos cuentas: un superadministrador y un gerente
Documentación y modo demo
- Un inicio rápido para el conjunto y para cada aplicación
- Una guía de configuración de Stripe y PayPal
- Un modo demo para vistas previas públicas, desactivado por defecto y eliminado con un comando
Por dentro
Construye sobre una base full-stack conocida
Next.js 16, React 19, TypeScript, Tailwind CSS 4 y un backend NestJS modular.
Frontend
- Next.js 16 App Router, React 19, TypeScript
- Tailwind CSS 4
- TanStack Query para los datos de la API
- React Hook Form y Zod para los formularios
- next-intl para la localización
Backend
- NestJS con módulos por dominio
- TypeORM con SQLite, o MySQL por configuración
- Autenticación JWT con roles y permisos
- Stripe y PayPal detrás de un único registro de pasarelas de pago
- Socket.io para notificaciones en vivo y un servidor MCP
Medios
- Subidas a una carpeta local o a un bucket de Cloudflare R2
- URL de medios absolutas desde la API
- La optimización de imágenes de Next.js en los dos frontends
Antes de lanzar
Lo que configuras tú
Hollina es una plantilla de código fuente, no una suscripción de alojamiento gestionado. Configura tu hosting, tu base de datos, el almacenamiento de medios y los servicios externos que decidas usar.
Hosting y datos
- Un host Node para la API y las dos aplicaciones Next.js
- SQLite en un disco persistente, o MySQL
- Una carpeta persistente o un bucket R2 para las subidas
Pagos e IA
- Tu propia cuenta de Stripe y tu aplicación de PayPal
- Tu propia clave de Google Gemini para el asistente
- Las comisiones de procesadores y proveedores no están incluidas
No incluido
- Cuentas de huésped y correo transaccional
- Tarifas de temporada, códigos de descuento y sincronización de canales
- Mapas, varias monedas y pagos a varios propietarios
Explorar
Explora Hollina antes de construir
Recorre el sitio como un huésped y reserva un alojamiento: la demo funciona en el modo de prueba de Stripe, así que la tarjeta de prueba de Stripe 4242 4242 4242 4242 lo paga sin que se mueva dinero. Después abre el panel de reservas, cuya página de acceso rellena una cuenta de demostración por ti. Lo que crees allí es solo tuyo, y los datos de demostración se reconstruyen cada día. En la demo, el asistente usa tu propia clave de Google Gemini. Las capturas usan datos de ejemplo.
Ideal para
Construye tu próximo producto de reservas con Hollina
Anfitriones de alquiler vacacionalHoteles boutique y casas de huéspedesGestores de propiedadesAgencias que crean el sitio de reservas de un clienteOperadores de cabañas y lodgesSitios de reservas bilingües con árabe y RTL
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.
Preguntas frecuentes
- ¿Qué recibo al comprar esta plantilla?
- El código fuente completo del paquete que elijas, descargado desde tu panel personal justo después del pago. Hay una factura de empresa disponible para cada compra.
- ¿Puedo usarla en proyectos comerciales o de clientes?
- Sí. Cada plantilla de pago incluye una licencia Comercial que cubre proyectos comerciales ilimitados, incluido el trabajo que entregues a tus clientes.
- ¿Recibo actualizaciones después de comprar?
- Sí. Las actualizaciones son gratuitas. Las nuevas versiones aparecen en tu panel, donde puedes volver a descargar tus archivos en cualquier momento.
- ¿Incluye soporte?
- Sí. El asistente de esta página responde en segundos y el soporte por correo está incluido en cada compra, en support@aniq-ui.com, con respuesta en 4 horas.
- ¿Puedo probarla antes de comprar?
- Sí. Esta plantilla tiene una demo completa en línea, enlazada arriba en esta página, para recorrer la versión real antes de decidir.
Precios
Elige tu paquete
Un solo pago por el código fuente completo, tuyo para modificarlo y publicarlo.
Todo incluido
Full Stack
Sitio de alojamientos + panel de reservas + API NestJS con Stripe, PayPal, TypeORM y autenticación
Qué incluye
- Sitio de alojamientos$55.30
- Panel de reservas$69.30
- API Backend$69.30
Comprado por separado$193.90
Ahorras$68.60
Precio de lanzamiento · 30% de descuento
Quedan 3 de 3 plazas de lanzamiento · aplicado al pagar
O compra una sola parte
Sitio de alojamientos
El sitio de alojamientos Next.js 16 por separado. Requiere la API de Hollina, que se vende aparte como API Backend o junto con todo en Full Stack.
Precio de lanzamiento · 30% de descuento
Panel de reservas
El panel de reservas Next.js 16 por separado. Requiere la API de Hollina, que se vende aparte como API Backend o junto con todo en Full Stack.
Precio de lanzamiento · 30% de descuento
API Backend
La API NestJS por separado, con TypeORM, auth JWT, alojamientos, disponibilidad, reservas, pagos con Stripe y PayPal, herramientas MCP y un seeder de un comando
Precio de lanzamiento · 30% de descuento
Pagos seguros y protegidos con Paddle
Recibirás un recibo con IVA por correo electrónico después de la compra.
Plantilla Next.js de reservas y alquiler vacacional con Stripe y asistente de IA
Full Stack
$125.30 $179
$125.30$179
Plantillas Relacionadas
Restaurante
$179Restaurante
Full Stack
Nuevo
IA
Food Studio es una plantilla de restaurante Next.js full-stack: un sitio de pedidos con carta, combos, carrito, pago y seguimiento de pedidos, un panel para el equipo con pedidos, carta y cocinas, una API NestJS, herramientas de IA para las fotos de los platos, e inglés y árabe con RTL.
Sitio de pedidos para restaurantes
$79Restaurante
Sitio de pedidos
Nuevo
IA
Un sitio de pedidos para restaurantes en Next.js 16 con menú, combos, creador de comidas, carrito, pago, seguimiento de pedidos y cuentas de cliente, en inglés y árabe.
Panel de administración para restaurantes
$99Restaurante
Panel del equipo
Nuevo
IA
Un panel de administración para restaurantes en Next.js 16 para gestionar pedidos, el menú, categorías, clientes, cocinas y el equipo, con un estudio de IA para fotos de platos, en inglés y árabe.
Boletín
Recibe un aviso cuando salga una nueva plantilla
Sé el primero en saber cuándo se publica una nueva plantilla.
- Nuevas plantillas publicadas
- Mira lo que se está creando y vota
- Lanzamientos gratuitos y premium
- Cancela la suscripción con un clic
Próximamente
Ventajas técnicas
Hechas para cada pantalla y cada usuario
Cada plantilla premium es responsiva, accesible, rápida y tipada desde el primer commit, para que tu lanzamiento parta de código listo para producción.
Saber más: Diseño Responsivo02 · Inclusiva
Accesibilidad
HTML semántico, controles etiquetados, un anillo de foco visible con el teclado y soporte para movimiento reducido.
Saber más: Accesibilidad03 · Velocidad
Alto Rendimiento
Imágenes y fuentes optimizadas, datos en caché y metadatos en cada ruta.
Saber más: Alto Rendimiento04 · Tipos
Soporte TypeScript
TypeScript estricto en cada aplicación, con props, respuestas de API y modelos de datos tipados.
Saber más: Soporte TypeScriptCaracterísticas de Nivel Empresarial Incluidas
Experiencia del Desarrollador
- TypeScript 5.0+ con verificación estricta de tipos
- Arquitectura de componentes de servidor y cliente
- Guía de inicio rápido y documentación de funciones
UX y Rendimiento
- Sistema de diseño responsivo mobile-first
- Marcado accesible con ARIA y navegación por teclado
- Renderizado rápido con componentes de servidor y recursos optimizados
Mantenimiento y Soporte
- Soporte incluido con su compra
- Actualizaciones regulares de seguridad y framework
- Estructura semántica optimizada para SEO
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.