Vidéo de démonstration : Template Next.js de réservation et location de vacances, Stripe et IA

Aniq UITemplates Next.js
16 septembre 2026RéservationPremium

Hollina est un template Next.js full-stack de location de vacances : un site de séjours avec calendriers de disponibilité et paiement par Stripe, PayPal ou sur place, un dashboard de réservations pour l'hôte et une API NestJS. Vous recevez le code source des trois applications, un assistant IA, une entreprise de démonstration préremplie, ainsi que l'anglais et l'arabe avec RTL en thèmes clair et sombre.

  • vacation rental
  • booking
  • reservations
  • availability calendar
  • stripe
  • paypal
  • next.js
  • nestjs

À propos de Template Next.js de réservation et location de vacances, Stripe et IA

Hollina réunit l'activité de réservation directe d'une entreprise d'hébergement dans un seul template full-stack. Sur le site, les voyageurs cherchent un séjour par destination, dates, nombre de voyageurs et type, avec des filtres conservés dans l'adresse, ouvrent la galerie, les équipements, le règlement intérieur, les avis et le calendrier de disponibilité sur deux mois d'un logement, et voient les nuits chiffrées au fil de leur choix. Le paiement accepte une carte via Stripe Checkout hébergé, un compte PayPal via Orders v2 ou un règlement sur place, et c'est un webhook signé, jamais le retour du voyageur, qui confirme une réservation payée. Ensuite, le voyageur retrouve sa réservation par sa référence et son e-mail, l'annule tant que la politique le permet et laisse un avis une fois le séjour terminé.

Le dashboard de réservations montre la journée de l'hôte d'un coup d'œil : le taux d'occupation et le chiffre d'affaires du mois, les arrivées et les départs, et ce qui attend une action. Un calendrier mensuel dessine chaque réservation par ses nuits et permet à l'équipe de bloquer des dates, chaque réservation passe par la confirmation, l'arrivée, la clôture ou l'annulation avec la raison pour laquelle une étape est indisponible, et l'éditeur de logement réunit les deux langues dans des onglets avec des photos ordonnées et un contrôle avant publication. Les demandes sont traitées et annotées, les avis publiés ou masqués, et un assistant IA répond aux questions sur la disponibilité, les réservations et le chiffre d'affaires à partir des données de l'entreprise, en traçant des graphiques dans la conversation.

Une API NestJS avec TypeORM sert les deux applications sur SQLite ou MySQL, avec authentification JWT, rôles et permissions, et notifications en temps réel. Un seul service de disponibilité répond à toutes les questions sur les dates libres, si bien que le site, le paiement, le calendrier et l'assistant ne se contredisent jamais. Le seeder crée une entreprise de démonstration complète avec 14 logements, 60 réservations, des demandes et des avis, 27 outils MCP servent l'assistant et les agents de code, le mode démo réserve les modifications de chaque visiteur à ce visiteur, et une seule commande retire le code de démonstration de chaque application. Les deux frontends sont livrés en anglais et en arabe avec une mise en page de droite à gauche, en thèmes clair et sombre.

Spécifications Techniques

Framework

Next.js 16.3.5

Version de React

React 19.3.0

Style

Tailwind CSS 4.3.3

TypeScript

Oui

Responsive

Mobile, Tablette, Bureau

Période de Support

Lifetime Inclus

Conseil Pro: Tous les modèles incluent une documentation complète pour vous aider à démarrer rapidement.

Écrans de la démo

  • 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

Voir tous les écrans sur la page du template
world map

Communauté Mondiale d'Utilisateurs

Rejoignez des milliers de développeurs à travers le monde qui font confiance à Aniq-UI pour leurs projets. Nos modèles sont utilisés partout dans le monde pour créer des expériences web impressionnantes.

Aniq-uiAniq-ui

Préférences des Cookies

Nous utilisons des cookies pour améliorer votre expérience de navigation, analyser le trafic du site et personnaliser le contenu. En cliquant sur "Accepter Tout", vous consentez à notre utilisation des cookies pour l'analyse et la publicité personnalisée.