Premium

Template immobilier Next.js avec dashboard d'agence et home staging IA

Full Stack

Le plus choisi

Site public + dashboard d'agence + API NestJS avec TypeORM et authentification

$179
Achat séparé : $277Économisez $98

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.

$79

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.

$99

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

$99

Vous travaillez pour des clients ?

Licence Agence

  • Tout le contenu Full Stack
  • Projets illimités
  • Support prioritaire par e-mail (48 h)
$599
* Facture commerciale disponible

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.

Public website: home, listings for sale and rent, property detail, agency and contactFilters by purpose, area, type, budget, bedrooms and amenities, kept in the URLSaved homes and a three-home comparison, kept on the visitor's device
Code source complet
Facture disponibleAprès l'achat, téléchargez une facture PDF et gérez vos informations de facturation (TVA, adresse de l'entreprise) à tout moment via le Portail client Paddle
Template immobilier Next.js avec dashboard d'agence et home staging IA - Next.js Immobilier template preview - Aniq-UI
Partager:

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.

Home: hero search, featured homes, light theme
Home: hero search, featured homes, light theme. The home page: the search over the hero photo, then the homes the agency features, in the light theme
Home: hero search, featured homes, dark theme
Home: hero search, featured homes, dark theme. The home page: the search over the hero photo, then the homes the agency features, in the dark theme
Agency sign-in, light theme
Agency sign-in, light theme. The agency dashboard's sign-in page, in the light theme
Agency sign-in, dark theme
Agency sign-in, dark theme. The agency dashboard's sign-in page, in the dark theme
Le pack

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
Acheter et louer

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.

Homes for sale with the filter toolbar, light theme
Homes for sale with the filter toolbar, light theme. Homes for sale narrowed by area, type, budget and bedrooms, with every filter kept in the address bar, in the light theme
Homes for sale with the filter toolbar, dark theme
Homes for sale with the filter toolbar, dark theme. Homes for sale narrowed by area, type, budget and bedrooms, with every filter kept in the address bar, in the dark theme
Annual rentals, priced per year, light theme
Annual rentals, priced per year, light theme. Homes for rent, each priced per year from its own rental period, in the light theme
Annual rentals, priced per year, dark theme
Annual rentals, priced per year, dark theme. Homes for rent, each priced per year from its own rental period, in the dark theme

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
Property detail: gallery, facts, price, viewing card, light theme
Property detail: gallery, facts, price, viewing card, light theme. A property page: the photo gallery, the price, the key facts and the card for requesting a viewing, in the light theme
Property detail: gallery, facts, price, viewing card, dark theme
Property detail: gallery, facts, price, viewing card, dark theme. A property page: the photo gallery, the price, the key facts and the card for requesting a viewing, in the dark theme

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
Three homes compared, light theme
Three homes compared, light theme. Three saved homes compared row by row: price, size, rooms and amenities, in the light theme
Three homes compared, dark theme
Three homes compared, dark theme. Three saved homes compared row by row: price, size, rooms and amenities, in the dark theme
Saved homes on this device, light theme
Saved homes on this device, light theme. The shortlist of saved homes, kept in the visitor's browser without an account, in the light theme
Saved homes on this device, dark theme
Saved homes on this device, dark theme. The shortlist of saved homes, kept in the visitor's browser without an account, in the dark theme
The agency page, light theme
The agency page, light theme. The agency page: its welcome and what it does, from buying and renting to letting a home and moving to Dubai, in the light theme
The agency page, dark theme
The agency page, dark theme. The agency page: its welcome and what it does, from buying and renting to letting a home and moving to Dubai, in the dark theme
De la demande à la visite

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é.

The viewing request dialog, light theme
The viewing request dialog, light theme. The viewing request: a preferred date and time and the visitor's contact details, in the light theme
The viewing request dialog, dark theme
The viewing request dialog, dark theme. The viewing request: a preferred date and time and the visitor's contact details, in the dark theme
The pending confirmation state, light theme
The pending confirmation state, light theme. After sending: the request waits for the agency to confirm the time, in the light theme
The pending confirmation state, dark theme
The pending confirmation state, dark theme. After sending: the request waits for the agency to confirm the time, in the dark theme

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
Contact and requirements form, light theme
Contact and requirements form, light theme. The contact form, for a question or for the home a visitor is looking for, in the light theme
Contact and requirements form, dark theme
Contact and requirements form, dark theme. The contact form, for a question or for the home a visitor is looking for, in the dark theme

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
Leads with the detail panel, light theme
Leads with the detail panel, light theme. Inquiries by status, with one open in the detail panel: the message, the property, the viewing and the notes, in the light theme
Leads with the detail panel, dark theme
Leads with the detail panel, dark theme. Inquiries by status, with one open in the detail panel: the message, the property, the viewing and the notes, in the dark theme

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
Viewings, light theme
Viewings, light theme. Viewing requests to confirm, complete or cancel, in the light theme
Viewings, dark theme
Viewings, dark theme. Viewing requests to confirm, complete or cancel, in the dark theme
Home staging virtuel par IA

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.

Staging studio, light theme
Staging studio, light theme. The AI staging studio: a property's room photos, the room type and style, and the frame the furnished preview fills; on the demo, generating asks for your own Gemini key, in the light theme
Staging studio, dark theme
Staging studio, dark theme. The AI staging studio: a property's room photos, the room type and style, and the frame the furnished preview fills; on the demo, generating asks for your own Gemini key, in the dark theme

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
Property detail: the AI staging comparison and the area, light theme
Property detail: the AI staging comparison and the area, light theme. The before and after comparison of a staged room, labelled as generated by AI, and the neighborhood around the home, in the light theme
Property detail: the AI staging comparison and the area, dark theme
Property detail: the AI staging comparison and the area, dark theme. The before and after comparison of a staged room, labelled as generated by AI, and the neighborhood around the home, in the dark theme
Home: virtual staging preview, buying or renting, light theme
Home: virtual staging preview, buying or renting, light theme. Further down the home page: an approved before and after staging pair, then buying and renting side by side, in the light theme
Home: virtual staging preview, buying or renting, dark theme
Home: virtual staging preview, buying or renting, dark theme. Further down the home page: an approved before and after staging pair, then buying and renting side by side, in the dark theme
La journée de l'agence

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
Property editor, light theme
Property editor, light theme. The property editor: the title and descriptions in one field with a tab per language, photos, location, SEO and publishing, in the light theme
Property editor, dark theme
Property editor, dark theme. The property editor: the title and descriptions in one field with a tab per language, photos, location, SEO and publishing, in the dark theme
Properties, light theme
Properties, light theme. The property list with status tabs, search and filters, in the light theme
Properties, dark theme
Properties, dark theme. The property list with status tabs, search and filters, in the dark theme

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
AI assistant, light theme
AI assistant, light theme. The assistant before the first question, with openers for the agency's leads, viewings and listings, in the light theme
AI assistant, dark theme
AI assistant, dark theme. The assistant before the first question, with openers for the agency's leads, viewings and listings, in the dark theme

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
Settings, light theme
Settings, light theme. The agency's settings: details, homepage, neighborhoods, profile and security, in the light theme
Settings, dark theme
Settings, dark theme. The agency's settings: details, homepage, neighborhoods, profile and security, in the dark theme
Bilingue

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.

The home page in Arabic (RTL), light theme
The home page in Arabic (RTL), light theme. The home page in Arabic, laid out right to left, in the light theme
The home page in Arabic (RTL), dark theme
The home page in Arabic (RTL), dark theme. The home page in Arabic, laid out right to left, in the dark theme
Listings in Arabic, light theme
Listings in Arabic, light theme. The listings and their filters in Arabic, in the light theme
Listings in Arabic, dark theme
Listings in Arabic, dark theme. The listings and their filters in Arabic, in the dark theme

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
Overview in Arabic, light theme
Overview in Arabic, light theme. The dashboard overview in Arabic, right to left, in the light theme
Overview in Arabic, dark theme
Overview in Arabic, dark theme. The dashboard overview in Arabic, right to left, in the dark theme
Responsive

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.

Mobile home (390), light theme
Mobile home (390), light theme. The home page on a phone, in the light theme
Mobile home (390), dark theme
Mobile home (390), dark theme. The home page on a phone, in the dark theme
Mobile property detail with the sticky viewing bar, light theme
Mobile property detail with the sticky viewing bar, light theme. A property page on a phone, with the viewing request kept in a bar at the bottom, in the light theme
Mobile property detail with the sticky viewing bar, dark theme
Mobile property detail with the sticky viewing bar, dark theme. A property page on a phone, with the viewing request kept in a bar at the bottom, in the dark theme
Ce que vous obtenez

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
Sous le capot

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
Avant le lancement

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écouvrir

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.

Overview, light theme
Overview, light theme. The agency's overview: published homes, new inquiries, viewings awaiting confirmation and what is coming up, in the light theme
Overview, dark theme
Overview, dark theme. The agency's overview: published homes, new inquiries, viewings awaiting confirmation and what is coming up, in the dark theme
Idéal pour

Construisez votre prochain produit immobilier avec Velra

Agences immobilièresCourtiers indépendantsPromoteurs qui vendent un programmeGestionnaires de locations et de biensAgences qui créent le site immobilier d'un clientPortails 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 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

Tableau de bord fitness et coaching Next.js avec assistant IA - Next.js Santé & Fitness template preview - Aniq-UI

Fitness

$179
Santé & Fitness
Full Stack
Nouveau
IA
Clair et sombre

Kinora est un modèle de coaching fitness Next.js full-stack avec backend NestJS, assistant IA, liste de clients, suivi de séance, planificateur de repas et arabe RTL.

Voir le Modèle
Modèle LMS Next.js avec IA et classes en direct - Next.js Education template preview - Aniq-UI

E-Learning

$179
Education
Full Stack
Nouveau
IA
Clair et sombre

Learnio est un modèle LMS Next.js full-stack avec backend NestJS, assistant IA, classes en direct, paiement Stripe, quiz, certificats et arabe RTL.

Voir le Modèle
Template E-Commerce Next.js avec Dashboard Admin - Next.js E-Commerce template preview - Aniq-UI

E-Commerce

$179
E-Commerce
Full Stack
Nouveau
IA

Template e-commerce Next.js 16 avec boutique, dashboard admin et API NestJS. Commande invité, auth JWT, essayage IA, anglais et arabe avec RTL.

Voir le Modèle

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.

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.

Nous Contacter

Une question sur un template ou votre achat ? Contactez-nous

Aniq-uiAniq-uiAniq-ui