01 · Mise en page
Design Responsive
Des mises en page mobile, tablette et bureau à partir d'un seul jeu de composants, avec un menu mobile et des zones tactiles de 44px.
En savoir plus: Design ResponsivePremium
Template Next.js de réservation et location de vacances avec Stripe et assistant 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.
Tout inclus
Full Stack
Site de séjours + dashboard de réservations + API NestJS avec Stripe, PayPal, TypeORM et authentification
Prix de lancement · 30% de réduction pour les 3 premiers acheteurs
3 places de lancement sur 3 · appliqué au paiement
- Utilisation dans un nombre illimité de projets commerciaux. Travail client inclus.
- Paiement unique, mises à jour gratuites
- Facture professionnelle avec votre numéro de TVA
Du nouveau chez Aniq-ui
Suivre sur X- Utilisation dans un nombre illimité de projets commerciaux. Travail client inclus.
- Paiement unique, mises à jour gratuites
- Facture professionnelle avec votre numéro de TVA
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.
Hollina est un template full-stack de location de vacances pour une entreprise d'hébergement : un site Next.js où les voyageurs trouvent un séjour, choisissent leurs nuits et paient, un dashboard Next.js où l'équipe gère le calendrier, les réservations et les logements, et une API NestJS derrière les deux. Stripe, PayPal, un assistant IA, les thèmes clair et sombre, ainsi que l'anglais et l'arabe avec RTL sont inclus.
Un assistant qui lit le calendrier
Demandez quels logements sont libres le week-end prochain, comment le chiffre d'affaires évolue d'un mois à l'autre ou ce qui attend aujourd'hui. L'assistant répond à partir des données de l'entreprise grâce à 27 outils MCP, trace un graphique quand la question porte sur une tendance, et peut bloquer des dates ou faire avancer une réservation.
- Des outils pour les logements, la disponibilité, les réservations, les demandes et les avis
- Google Gemini avec votre propre clé
- Les mêmes outils ouverts aux agents de code via l'endpoint MCP
Le pack
Une activité de réservation directe dans une seule base de code
Une base cohérente pour une marque de location de vacances, un hôtel de charme ou le site de réservation d'un gestionnaire de biens, avec un code source que vous adaptez à votre projet. Le pack full-stack comprend le site, le dashboard de réservations et l'API qui les sert.
Dashboard de réservations
- Une vue d'ensemble de l'occupation, du chiffre d'affaires et des arrivées du jour
- Un calendrier mensuel avec dates bloquées
- Réservations, logements, demandes et avis
- Assistant IA, équipe, rôles et paramètres
Site de séjours
- Des séjours avec des filtres conservés dans l'URL
- Des pages de séjour avec calendrier de disponibilité et devis en direct
- Paiement par carte, PayPal ou sur place
- Retrouver une réservation, l'annuler et laisser un avis
API NestJS
- Authentification, rôles et permissions
- Un seul service de disponibilité pour toute question de dates
- Stripe et PayPal avec des webhooks signés
- Un seeder qui crée une entreprise de démonstration complète
La journée de l'hôte
Un dashboard construit autour du calendrier
La vue d'ensemble s'ouvre sur ce qui compte aujourd'hui : l'occupation et le chiffre d'affaires du mois, les arrivées et les départs, les réservations en attente de décision, douze mois de chiffre d'affaires et de réservations, et les dernières réservations.
Un mois de nuits, une ligne par logement
Chaque réservation est une barre sur ses nuits, colorée selon son statut, avec les dates bloquées à côté. Ouvrez une réservation depuis sa barre ou passez d'un mois à l'autre.
- Des réservations dessinées en nuits, jamais en jours
- Les dates bloquées avec leur motif
- Aujourd'hui marqué dans le fuseau horaire de l'entreprise
Retirer des nuits pour l'entretien ou l'usage de l'entreprise
Bloquer des dates compte les nuits et refuse une période qui chevauche une réservation ou un autre blocage, en nommant ce qui gêne.
- Entretien, usage de l'entreprise ou autre, avec une note
- Un registre des blocages programmés
- La même règle que celle de l'assistant pour bloquer des dates
Toutes les réservations, filtrées comme travaille l'équipe
Des onglets avec un compteur par statut, une recherche par référence ou voyageur, et une période d'arrivée, dix par page.
- En attente, confirmée, arrivée, terminée et annulée
- Le moyen et l'état du paiement sur chaque ligne
- Une palette de recherche qui trouve réservations, logements et demandes
Un éditeur de logement en deux langues
Titre et description en anglais et en arabe sous des onglets de langue, capacité, tarif à la nuit, frais de ménage et durée minimale, équipements, règlement intérieur et photos dans l'ordre où elles doivent apparaître.
- La publication demande trois photos et les deux langues
- Références et adresses de page générées pour vous
- Recherche et filtres par statut, type et destination sur la liste
Les questions des voyageurs avec un statut et des notes
Chaque demande s'ouvre à côté de la liste avec le logement, les dates et le nombre de voyageurs demandés, sa provenance et une note interne. L'équipe la marque répondue ou close au fil de l'eau.
- Le formulaire de contact et la page de séjour créent la même demande
- Une notification dès qu'une demande arrive
- Une recherche dans toutes les demandes
Des avis que l'équipe peut masquer
Les avis arrivent des séjours terminés et apparaissent aussitôt sur le site. En masquer un le retire de la page du séjour et de sa note ; le republier le remet en place.
- Des onglets pour les avis publiés et masqués
- La réservation dont vient chaque avis
- La moyenne du logement mise à jour immédiatement
Des paramètres qui appartiennent à l'entreprise
Le nom et les coordonnées de l'entreprise dans les deux langues avec un aperçu en direct du pied de page du site, les séjours et les questions de l'accueil, les destinations, les comptes de l'équipe et ce que chaque rôle peut faire.
- Administrateurs, rôles et 32 permissions
- Menus et actions masqués sans la permission
- Profil et mot de passe pour chaque compte
Trouver un séjour
Chercher comme un voyageur prépare son voyage
La destination, les dates, le nombre de voyageurs et le type de logement affinent la liste, et chaque filtre vit dans la barre d'adresse : une recherche se partage, se garde en favori ou se retrouve avec le bouton retour. Les filtres appliqués s'affichent en puces, chacune avec son propre bouton Retirer.
Une page de séjour qui chiffre les nuits au fil du choix
La galerie, les caractéristiques et la carte de réservation viennent en premier. Choisissez une arrivée et un départ, et la carte affiche les nuits, les frais de ménage et le total avant que le voyageur ne s'engage.
- Règlement intérieur, équipements et emplacement approximatif
- Des séjours similaires par destination, type et tarif
- Une fenêtre de question qui arrive dans les demandes du dashboard
- Les brouillons n'atteignent jamais le site public
Deux mois de nuits, dessinés honnêtement
Le calendrier de disponibilité interroge le même service que le paiement et le dashboard, il ne peut donc jamais promettre une nuit déjà prise.
- Nuits disponibles, indisponibles, prises et sélectionnées, chacune avec sa marque
- Le jour du départ reste libre pour l'arrivée suivante
- Dates bloquées et durées minimales respectées
La page d'accueil
Neuf sections qui lancent la recherche
Un hero avec la recherche, six destinations, des séjours mis en avant, les types de logement, le fonctionnement de la réservation, deux façons de séjourner, les raisons de réserver en direct, les questions des voyageurs et un moyen de prendre contact. Le séjour du hero, les séjours mis en avant et les questions se choisissent dans les paramètres du dashboard.
Paiement
Payer par carte, par PayPal ou sur place
Le voyageur saisit ses coordonnées, choisit comment payer et lit la politique d'annulation à côté d'un récapitulatif des nuits. Une carte passe par Stripe Checkout hébergé et un compte PayPal par la page d'approbation de PayPal, si bien qu'avec un processeur configuré aucun numéro de carte n'atteint votre serveur. C'est un webhook signé, jamais le retour du voyageur, qui confirme une réservation payée.
Après la réservation
La réservation d'un voyageur, sans compte
Une réservation se retrouve avec sa référence et l'e-mail utilisé pour la faire. Tant que l'arrivée est à au moins sept jours, le voyageur peut l'annuler depuis cette page ; une réservation payée passe en remboursement en attente, et l'hôte rembourse depuis le tableau de bord du processeur.
Des avis sur des séjours qui ont vraiment eu lieu
Seule une réservation terminée peut recevoir un avis, depuis la page de réservation du voyageur. L'avis apparaît aussitôt sur le logement, et l'équipe peut le masquer ou le republier, la note du logement suivant chaque changement.
- La moyenne et le nombre d'avis sur chaque carte de séjour
- Un avis par réservation terminée
- Les avis publiés sur la page du séjour
Une réservation de bout en bout
D'une nuit dans le calendrier à une ligne dans le dashboard
Une réservation traverse toutes les parties de Hollina, et chacune interroge le même service de disponibilité : le site, le paiement, le calendrier et l'assistant ne se contredisent jamais sur une date.
Sur le site
- Le voyageur choisit des nuits libres dans le calendrier
- Le devis les chiffre avec les frais de ménage
- Les dates sont retenues 30 minutes pendant le paiement
Chez le processeur
- Stripe Checkout hébergé ou PayPal Orders v2
- Un webhook signé confirme, signale un échec ou rembourse
- Un simulateur prend le relais sans clés configurées
Dans le dashboard
- Une notification arrive dès le paiement
- La réservation apparaît dans le calendrier et la vue d'ensemble
- L'équipe enregistre l'arrivée puis clôture le séjour
Une réservation avec tout ce dont l'équipe a besoin
Le logement, le voyageur, le prix, le paiement et un historique de ce qui s'est passé, avec les actions que permet l'état de la réservation. Une action indisponible dit pourquoi, si bien qu'une réservation par carte encore impayée ne peut pas être confirmée par erreur.
- Confirmer, enregistrer l'arrivée, clôturer ou annuler
- Le paiement sur place marqué payé à l'arrivée
- Une note interne que le voyageur ne voit jamais
Des paiements visibles, des clés invisibles
L'onglet Paiements indique si Stripe et PayPal sont configurés et en mode test ou production, l'option de paiement sur place et la politique d'annulation que lisent les voyageurs. Les clés restent dans l'environnement du serveur et n'apparaissent jamais dans le dashboard.
- Ajouter un processeur avec une classe et une ligne
- Modes test et production affichés clairement
- La politique rédigée dans les deux langues
Autour de la réservation
Les pages qui aident un voyageur à se décider
Des destinations avec leurs séjours, l'histoire de l'hôte, une page de contact, une page de confidentialité et une liste de séjours enregistrés, dans les deux langues et les deux thèmes.
Des séjours enregistrés, sans compte
Un voyageur garde une sélection sur son appareil avec le bouton Enregistrer, et la retrouve depuis la liste des séjours.
- Un bouton d'enregistrement sur chaque page de séjour
- Conservé dans le navigateur, aucune inscription
- Retirer un séjour de la liste en un clic
Des formulaires qu'on peut envoyer deux fois sans risque
Le formulaire de contact, la question sur un séjour et le paiement sont conçus pour un vrai trafic, pas seulement pour une démo.
- Un envoi répété renvoie l'enregistrement déjà stocké
- Un champ caché et une limite par adresse écartent les robots
- Une référence que le voyageur peut citer
Bilingue, clair et sombre
Anglais et arabe, dans les deux sens et les deux thèmes
Chaque écran du site et du dashboard est rédigé dans les deux langues et s'inverse pour l'arabe, avec les prix, les dates et les références en chiffres latins. Les deux applications suivent le thème du système ou celui que choisit le visiteur, appliqué avant le premier affichage pour qu'aucune page ne clignote.
Responsive
Pensé pour le téléphone qu'a le voyageur en main
Les séjours, la page de séjour et le paiement sont mis en page pour un écran étroit. Sur téléphone, la page de séjour garde en bas une barre de réservation avec le prix et l'étape suivante, jusqu'où que le voyageur fasse défiler.
Ce que vous recevez
Tout pour le faire tourner, pas seulement les écrans
Le code source des trois applications, les données de départ et la documentation pour aller plus loin.
Code source
- Le site, le dashboard de réservations et l'API
- TypeScript partout, avec des dépendances aux versions exactes
- Une licence commerciale pour un nombre illimité de projets
Données
- Un seeder avec 14 logements, 6 destinations, 60 réservations, des demandes et des avis
- Les photos des logements de démonstration, servies par l'API
- Deux comptes : un super administrateur et un manager
Documentation et mode démo
- Un démarrage rapide pour l'ensemble et pour chaque application
- Un guide de configuration de Stripe et PayPal
- Un mode démo pour les aperçus publics, désactivé par défaut et retiré en une commande
Sous le capot
Construisez sur une base full-stack familière
Next.js 16, React 19, TypeScript, Tailwind CSS 4 et un backend NestJS modulaire.
Frontend
- Next.js 16 App Router, React 19, TypeScript
- Tailwind CSS 4
- TanStack Query pour les données de l'API
- React Hook Form et Zod pour les formulaires
- next-intl pour la localisation
Backend
- NestJS avec des modules par domaine
- TypeORM avec SQLite, ou MySQL par configuration
- Authentification JWT avec rôles et permissions
- Stripe et PayPal derrière un seul registre de passerelles de paiement
- Socket.io pour les notifications en direct et un serveur MCP
Médias
- Envois vers un dossier local ou un bucket Cloudflare R2
- Des URL de médias absolues fournies par l'API
- L'optimisation d'images de Next.js sur les deux frontends
Avant le lancement
Ce que vous configurez vous-même
Hollina est un template de code source, pas un abonnement d'hébergement géré. Configurez votre hébergement, votre base de données, le stockage des médias et les services externes que vous choisissez d'utiliser.
Hébergement et données
- Un hébergement Node pour l'API et les deux applications Next.js
- SQLite sur un disque persistant, ou MySQL
- Un dossier persistant ou un bucket R2 pour les envois
Paiements et IA
- Votre propre compte Stripe et votre application PayPal
- Votre propre clé Google Gemini pour l'assistant
- Les frais des processeurs et des fournisseurs ne sont pas inclus
Non inclus
- Comptes voyageurs et e-mails transactionnels
- Tarifs saisonniers, codes promo et synchronisation de canaux
- Cartes, multidevise et reversements à plusieurs propriétaires
Explorer
Explorez Hollina avant de construire
Parcourez le site comme un voyageur et réservez un séjour : la démo fonctionne en mode test de Stripe, donc la carte de test de Stripe 4242 4242 4242 4242 le paie sans qu'aucun argent ne circule. Ouvrez ensuite le dashboard de réservations, dont la page de connexion remplit un compte de démonstration pour vous. Ce que vous y créez n'appartient qu'à vous, et les données de démonstration sont reconstruites chaque jour. Dans la démo, l'assistant utilise votre propre clé Google Gemini. Les captures utilisent des données d'exemple.
Idéal pour
Construisez votre prochain produit de réservation avec Hollina
Hôtes de locations de vacancesHôtels de charme et maisons d'hôtesGestionnaires de biensAgences qui créent le site de réservation d'un clientExploitants de chalets et de lodgesSites de réservation bilingues avec arabe et RTL
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.
Questions fréquentes
- Qu'est-ce que je reçois en achetant ce template ?
- Le code source complet du pack choisi, téléchargé depuis votre tableau de bord personnel juste après le paiement. Une facture professionnelle est disponible pour chaque achat.
- Puis-je l'utiliser pour des projets clients et commerciaux ?
- Oui. Chaque template payant inclut une licence Commerciale qui couvre un nombre illimité de projets commerciaux, y compris le travail livré à vos clients.
- Ai-je droit aux mises à jour après l'achat ?
- Oui. Les mises à jour sont gratuites. Les nouvelles versions apparaissent dans votre tableau de bord, où vous pouvez retélécharger vos fichiers à tout moment.
- Le support est-il inclus ?
- Oui. L'assistant de cette page répond en quelques secondes, et le support par e-mail est inclus avec chaque achat, à l'adresse support@aniq-ui.com, avec une réponse sous 4 heures.
- Puis-je l'essayer avant d'acheter ?
- Oui. Ce template a une démo complète en ligne, liée en haut de cette page, pour parcourir la vraie version avant de décider.
Tarifs
Choisissez votre formule
Un seul paiement pour le code source complet, à modifier et déployer librement.
Tout inclus
Full Stack
Site de séjours + dashboard de réservations + API NestJS avec Stripe, PayPal, TypeORM et authentification
Ce qui est inclus
- Site de séjours$55.30
- Dashboard de réservations$69.30
- API Backend$69.30
Acheté séparément$193.90
Vous économisez$68.60
Prix de lancement · 30% de réduction
3 places de lancement sur 3 · appliqué au paiement
Ou achetez une seule partie
Site de séjours
Le site de séjours Next.js 16 seul. Il nécessite l'API Hollina, vendue séparément comme API Backend ou avec l'ensemble dans Full Stack.
Prix de lancement · 30% de réduction
Dashboard de réservations
Le dashboard de réservations Next.js 16 seul. Il nécessite l'API Hollina, vendue séparément comme API Backend ou avec l'ensemble dans Full Stack.
Prix de lancement · 30% de réduction
API Backend
L'API NestJS seule, avec TypeORM, l'auth JWT, les logements, la disponibilité, les réservations, les paiements Stripe et PayPal, les outils MCP et un seeder en une commande
Prix de lancement · 30% de réduction
Paiements sûrs et sécurisés par Paddle
Un reçu de TVA vous est envoyé par e-mail après l'achat.
Template Next.js de réservation et location de vacances avec Stripe et assistant IA
Full Stack
$125.30 $179
$125.30$179
Modèles Associés
Restaurant
$179Restaurant
Full Stack
Nouveau
IA
Food Studio est un template restaurant Next.js full-stack : un site de commande avec la carte, les menus, le panier, le paiement et le suivi de commande, un dashboard d'équipe pour les commandes, la carte et les cuisines, une API NestJS, des outils IA pour les photos de plats, et l'anglais et l'arabe avec RTL.
Site de commande restaurant
$79Restaurant
Site de commande
Nouveau
IA
Un site de commande pour restaurant en Next.js 16 avec menu, formules, composeur de repas, panier, paiement, suivi de commande et comptes clients, en anglais et en arabe.
Dashboard admin restaurant
$99Restaurant
Dashboard d'équipe
Nouveau
IA
Un dashboard d'administration pour restaurant en Next.js 16 pour gérer les commandes, le menu, les catégories, les clients, les cuisines et l'équipe, avec un studio IA pour les photos de plats, en anglais et en arabe.
Newsletter
Soyez prévenu quand un nouveau template sort
Soyez le premier informé de la sortie d'un nouveau template.
- Nouveaux templates publiés
- Voyez ce qui se prépare et votez
- Sorties gratuites et premium
- Désinscription en un clic
Bientôt disponible
Avantages techniques
Conçus pour chaque écran et chaque utilisateur
Chaque template premium est responsive, accessible, rapide et typé dès le premier commit, pour lancer votre projet sur un code prêt pour la production.
En savoir plus: Design Responsive02 · Inclusif
Accessibilité
HTML sémantique, contrôles étiquetés, anneau de focus visible au clavier et prise en charge du mouvement réduit.
En savoir plus: Accessibilité03 · Vitesse
Haute Performance
Images et polices optimisées, données en cache et métadonnées sur chaque route.
En savoir plus: Haute Performance04 · Types
Support TypeScript
TypeScript strict dans chaque application, avec des props, des réponses d'API et des modèles de données typés.
En savoir plus: Support TypeScriptFonctionnalités de Niveau Entreprise Incluses
Expérience Développeur
- TypeScript 5.0+ avec vérification stricte des types
- Architecture de composants serveur et client
- Guide de démarrage rapide et documentation des fonctionnalités
UX et Performance
- Système de design responsive mobile-first
- Balisage accessible avec ARIA et navigation au clavier
- Rendu rapide grâce aux composants serveur et aux ressources optimisées
Maintenance et Support
- Support inclus avec votre achat
- Mises à jour régulières de sécurité et du framework
- Structure sémantique optimisée pour le SEO
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.