Template immobilier Next.js avec dashboard d'agence et home staging IA
Full Stack
Le plus choisiSite public + dashboard d'agence + API NestJS avec TypeORM et authentification
Site public
Le site immobilier Next.js 16 seul. Il lit ses données depuis l'API Velra, vendue séparément comme API Backend ou avec l'ensemble dans Full Stack.
Dashboard d'agence
Le dashboard d'agence Next.js 16 seul. Il lit ses données depuis l'API Velra, vendue séparément comme API Backend ou avec l'ensemble dans Full Stack.
API Backend
L'API NestJS seule, avec TypeORM, l'auth JWT, les biens, les demandes, les visites, le staging, les outils MCP et un seeder en une commande
Vous travaillez pour des clients ?
Licence Agence
- Tout le contenu Full Stack
- Projets illimités
- Support prioritaire par e-mail (48 h)
Template immobilier Next.js avec dashboard d'agence et home staging IA
Velra est un template immobilier Next.js full-stack : un site public pour acheter et louer, un dashboard d'agence pour les biens, les prospects et les visites, une API NestJS, le home staging virtuel par IA, et l'anglais et l'arabe avec RTL.
Velra est un template immobilier Next.js full-stack : un site public pour acheter et louer, un dashboard d'agence pour les biens, les prospects et les visites, une API NestJS, le home staging virtuel par IA, et l'anglais et l'arabe avec RTL.
Full Stack
Le plus choisiSite public + dashboard d'agence + API NestJS avec TypeORM et authentification
Site public
Le site immobilier Next.js 16 seul. Il lit ses données depuis l'API Velra, vendue séparément comme API Backend ou avec l'ensemble dans Full Stack.
Dashboard d'agence
Le dashboard d'agence Next.js 16 seul. Il lit ses données depuis l'API Velra, vendue séparément comme API Backend ou avec l'ensemble dans Full Stack.
API Backend
L'API NestJS seule, avec TypeORM, l'auth JWT, les biens, les demandes, les visites, le staging, les outils MCP et un seeder en une commande
Vous travaillez pour des clients ?
Licence Agence
- Tout le contenu Full Stack
- Projets illimités
- Support prioritaire par e-mail (48 h)

Velra est un template immobilier full-stack pour une agence : un site Next.js où les visiteurs trouvent un bien à acheter ou à louer et demandent une visite, un dashboard Next.js où l'agence gère ses annonces, ses demandes et ses visites, et une API NestJS derrière les deux. Le home staging virtuel par IA, un assistant IA, ainsi que l'anglais et l'arabe avec RTL sont inclus.




Toute l'activité immobilière d'une agence dans une seule base de code
Une base connectée pour le site d'une agence, le portail d'annonces d'un courtier ou le site de vente d'un promoteur, avec un code source que vous adaptez à votre projet. Le pack full-stack comprend le site, le dashboard d'agence et l'API qui les sert.
Site public
- Biens à vendre et à louer, avec des filtres gardés dans l'URL
- Fiches de bien avec galerie, caractéristiques et équipements
- Favoris et comparaison de trois biens
- Demandes de visite et formulaire de contact
Dashboard d'agence
- Une vue d'ensemble de ce qui compte aujourd'hui
- Un éditeur de biens en anglais et en arabe
- Demandes et visites, chacune avec son circuit
- Studio de staging IA, assistant, équipe et paramètres
API NestJS
- Authentification, rôles et permissions
- Biens, quartiers, demandes et visites
- Aperçus de staging et notifications en direct
- Un seeder qui crée une agence de démonstration complète
Chercher comme pensent les acheteurs et les locataires
Objectif, quartier, type, budget et chambres 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.




Une fiche qui répond aux premières questions
La galerie, le prix, les caractéristiques et les équipements viennent en premier, avec l'encart de demande de visite à côté.
- Locations affichées à l'année selon la période de location du bien
- Biens similaires classés par objectif, quartier et prix
- Les brouillons et les annonces archivées n'arrivent jamais sur le site public
- Titres, descriptions et versions linguistiques pour les moteurs de recherche


Favoris et comparaison côte à côte
Les visiteurs gardent une sélection sans créer de compte. Elle reste sur leur appareil, et jusqu'à trois biens se comparent ligne par ligne.
- Prix, surface, chambres, salles de bain et équipements dans un seul tableau
- Un bouton pour enregistrer sur chaque annonce et chaque fiche
- Aucune inscription






Chaque demande arrive à l'agence
Une demande de visite propose une date et une heure et reste en attente jusqu'à ce que l'agence la confirme : aucun visiteur ne se voit promettre un créneau que personne n'a vérifié.




Des formulaires qu'on peut envoyer deux fois sans risque
La demande de visite et le formulaire de contact sont conçus pour un vrai trafic, pas seulement pour une démo.
- Un envoi répété renvoie la demande déjà enregistrée
- Un champ caché et une limite par adresse écartent les robots
- Les horaires tenus dans le fuseau de l'agence
- Un numéro de référence que le visiteur peut citer


Des demandes avec un statut et des notes
Chaque demande s'ouvre dans un panneau avec le message, le bien concerné et la visite qui en découle. L'agence la fait avancer et prend des notes au fil de l'eau.
- Des onglets pour chaque statut
- Une recherche dans toutes les demandes
- Une notification dès qu'une demande arrive


Des visites à confirmer, terminer ou annuler
Les visites demandées passent en premier. Confirmer, terminer ou annuler se fait en une action, et seules les étapes cohérentes avec le statut sont proposées.
- Des onglets avec un compteur par statut
- Les prochaines visites sur la vue d'ensemble
- Les coordonnées du visiteur à côté de chaque demande


Montrer une pièce vide meublée
Le studio de staging envoie la photo d'une pièce vide à l'éditeur d'images de Google Gemini avec un type de pièce et un style, et la récupère meublée en gardant ses murs, ses fenêtres et sa lumière. L'agence valide un résultat avant qu'il n'apparaisse où que ce soit.


Avant et après, sur la fiche du bien
Une paire validée apparaît sur la fiche publique sous forme de comparaison que le visiteur fait glisser, avec une mention de contenu généré par IA pour que personne ne la prenne pour le bien fini.
- Une paire publique par bien, choisie par l'agence
- Types de pièce et styles choisis dans le studio
- Fonctionne avec votre propre clé Google Gemini




Un dashboard pensé pour les annonces, les demandes et les visites
La vue d'ensemble s'ouvre sur ce qui demande de l'attention : nouvelles demandes, visites à confirmer, visites à venir et biens modifiés récemment.
Un éditeur de biens en deux langues
Titre et description en anglais et en arabe, photos dans l'ordre d'affichage avec une couverture, et un circuit de publication du brouillon à la publication puis à l'archive.
- Détails, médias, localisation et SEO dans un seul éditeur
- Numéros de référence et adresses de page uniques générés pour vous
- Onglets, recherche et filtres sur la liste des biens




Un assistant qui connaît l'agence
Demandez combien de demandes sont arrivées cette semaine ou quelles visites restent à confirmer. L'assistant répond à partir des données de l'agence via des outils MCP, et trace un graphique quand la question porte sur une tendance.
- Des outils pour les biens, les demandes, les visites et la vue d'ensemble
- Google Gemini, OpenAI, Anthropic ou DeepSeek avec votre propre clé
- Les mêmes outils ouverts aux agents de code via le point d'accès MCP


Des paramètres entre les mains de l'agence
Le nom et les coordonnées de l'agence, les biens mis en avant sur le site, les quartiers affichés, les comptes de l'équipe et ce que chaque rôle peut faire.
- Des quartiers mis en avant ou masqués sur le site, au choix de l'agence
- Administrateurs, rôles et permissions
- Menus et actions masqués sans la permission


Anglais et arabe, dans les deux sens
Chaque écran du site et du dashboard existe dans les deux langues et se met en miroir pour l'arabe, avec les prix et les nombres en chiffres latins.




Le dashboard en arabe
Les mêmes composants fonctionnent de droite à gauche : aucune seconde mise en page à maintenir.
- Annonces rédigées dans les deux langues depuis un seul éditeur
- Tableaux, formulaires et menus en miroir pour l'arabe
- Chiffres latins dans les deux langues


Pensé pour le téléphone de l'acheteur
Les annonces, les fiches de bien et les formulaires sont mis en page pour un écran étroit. Sur téléphone, la fiche du bien garde en bas de l'écran une barre avec le bouton de demande de visite : l'étape suivante est à un geste, quel que soit le défilement.




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 d'agence et l'API
- TypeScript partout, avec des dépendances aux versions exactes
- Une licence commerciale pour votre projet
Données
- Un seeder avec biens, quartiers, demandes et visites
- Les photos des biens de démonstration, servies par l'API
- Deux comptes : un super administrateur et un agent
Documentation et mode démo
- Un guide de démarrage pour l'ensemble et pour chaque application
- Une référence de chaque réponse de l'API
- Un mode démo pour les aperçus publics, désactivé par défaut et retiré en une commande
Construire 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
- Socket.io pour les notifications en direct
- Un serveur MCP protégé par une clé API
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
Ce que vous configurez vous-même
Velra 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.
Hébergement et données
- Un hébergeur 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
IA
- Votre propre clé Google Gemini pour le staging
- Gemini, OpenAI, Anthropic ou DeepSeek pour l'assistant
- Les frais des fournisseurs ne sont pas inclus
Non inclus
- Paiements et acomptes en ligne
- Cartes et simulateurs de prêt
- Plusieurs agences sur une même installation
Découvrez Velra avant de construire
Parcourez le site en visiteur, puis ouvrez le dashboard d'agence, dont la page de connexion remplit un compte de démonstration pour vous. Ce que vous créez dans le dashboard n'appartient qu'à vous, et les données de démonstration sont reconstruites chaque jour. Dans la démo, le studio de staging et l'assistant fonctionnent avec votre propre clé Google Gemini. Les captures utilisent des données d'exemple.


Construisez votre prochain produit immobilier avec Velra
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 projet commercial, y compris le travail livré à un client. Pour réutiliser le même template sur plusieurs projets, choisissez la licence Agence, qui couvre un nombre illimité de projets.
- 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.
Modèles Associés
Next.js Templates Avantages Techniques
Nos modèles React sont conçus avec une optimisation des performances, une intégration TypeScript et une architecture conviviale pour accélérer le développement de votre application web.
Design Responsive
Next.js Templates entièrement adaptatifs avec des points d'arrêt réactifs pour l'optimisation des écrans mobiles, tablettes et ordinateurs.
Accessibilité
HTML sémantique, attributs ARIA et navigation au clavier, conçus avec l'accessibilité à l'esprit.
Haute Performance
Construit sur l'App Router de Next.js avec des composants serveur et des ressources optimisées, pour des pages qui restent rapides en grandissant.
Support TypeScript
Architecture App Router de Next.js avec composants serveur pour réduire le JavaScript côté client et améliorer le temps d'interactivité.
Fonctionnalités de Niveau Entreprise Incluses:
Expérience Développeur
Boîte à outils de développement de niveau entreprise
- TypeScript 5.0+ avec vérification stricte des types
- Architecture de composants serveur et client
- Documentation JSDoc complète
UX et Performance
Métriques d'expérience utilisateur optimisées
- 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
Durabilité du projet à long terme
- Support inclus avec votre achat
- Mises à jour régulières de sécurité et du framework
- Structure sémantique optimisée pour le SEO
Toutes les Next.js Templates implémentent les patterns modernes de React 19, l'architecture App Router et l'optimisation des Web Vitals pour des performances favorables au 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.
Nous Contacter
Une question sur un template ou votre achat ? Contactez-nous


