Vidéo de démonstration : Template Next.js de réservation et location de vacances, Stripe et IA
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
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.
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.