Premium

Next.js Real Estate Template with Agency Dashboard and AI Staging

Full Stack

Most popular

Public website + agency dashboard + NestJS API with TypeORM and auth

$179
Buy separately: $277Save $98

Public Website

The Next.js 16 property website on its own. It reads its data from the Velra API, sold separately as the Backend API or together in Full Stack.

$79

Agency Dashboard

The Next.js 16 agency dashboard on its own. It reads its data from the Velra API, sold separately as the Backend API or together in Full Stack.

$99

Backend API

The NestJS API on its own, with TypeORM, JWT auth, properties, leads, viewings, staging, MCP tools and a one command seeder

$99

Building for clients?

Agency License

  • Everything in Full Stack
  • Unlimited projects
  • Priority email support (48h)
$599
* Business invoice available

Velra is a full-stack Next.js real estate template: a public website for buying and renting, an agency dashboard for properties, leads and viewings, a NestJS API, AI virtual staging, and English and Arabic with 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
Full source code
Invoice AvailableAfter purchase, download a PDF invoice and manage billing details (VAT/tax ID, company address) anytime via the Paddle Customer Portal
Next.js Real Estate Template with Agency Dashboard and AI Staging - Next.js Real Estate template preview - Aniq-UI
Share:

Velra is a full-stack real estate template for one agency: a Next.js website where visitors find homes to buy or rent and ask for viewings, a Next.js dashboard where the agency runs its listings, inquiries and viewings, and a NestJS API behind both. AI virtual staging, an AI assistant, and English and Arabic with RTL come with it.

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
The package

One agency's property business in one codebase

A connected foundation for an agency website, a broker's listing portal or a developer's sales site, with source code you can customize for your project. The full-stack package includes the website, the agency dashboard and the API behind them.

Public website

  • Homes for sale and for rent, with filters kept in the URL
  • Property pages with a gallery, facts and amenities
  • Saved homes and a three-home comparison
  • Viewing requests and a contact form

Agency dashboard

  • An overview of what needs attention today
  • A property editor in English and Arabic
  • Inquiries and viewings, each with its own workflow
  • AI staging studio, assistant, team and settings

NestJS API

  • Authentication, roles and permissions
  • Properties, neighborhoods, inquiries and viewings
  • Staging previews and live notifications
  • A seeder that builds a complete demo agency
Buying and renting

Search the way buyers and tenants think

Purpose, area, type, budget and bedrooms narrow the list, and every filter lives in the address bar, so a search can be shared, bookmarked or reopened with the back button.

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

A property page that answers the first questions

The gallery, the price, the facts and the amenities come first, with the viewing request card beside them.

  • Rentals priced per year from the listing's own rental period
  • Similar homes ranked by purpose, area and price
  • Drafts and archived listings never reach the public site
  • Page titles, descriptions and language alternates for search engines
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

Saved homes and a side by side comparison

Visitors keep a shortlist without creating an account. It stays on their device, and up to three homes can be compared row by row.

  • Price, size, bedrooms, bathrooms and amenities in one table
  • A save button on every listing card and property page
  • Nothing to sign up for
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
From inquiry to viewing

Every request reaches the agency

A viewing request asks for a preferred date and time and stays pending until the agency confirms it, so a visitor is never promised a slot nobody has checked.

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

Forms that are safe to send twice

The viewing request and the contact form are built for real traffic, not only for a demo.

  • A repeated submission returns the request already stored
  • A hidden field and a per-address limit keep bots out
  • Times held in the agency's own time zone
  • A reference number the visitor can quote
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

Inquiries with a status and notes

Each inquiry opens in a panel with the message, the property it concerns and the viewing it led to. The agency moves it along and writes notes as it goes.

  • Tabs for every status
  • Search across every inquiry
  • A notification the moment a request arrives
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

Viewings to confirm, complete or cancel

Requested viewings come first. Confirming, completing or cancelling one is a single action, and only the moves that make sense for its status are offered.

  • Tabs with a count for every status
  • Upcoming viewings on the overview
  • The visitor's contact details beside each request
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
AI virtual staging

Show an empty room furnished

The staging studio sends a photo of an empty room to Google Gemini's image editor with a room type and a style, and gets it back furnished with its walls, windows and light kept. The agency approves a result before it appears anywhere.

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

Before and after, on the property page

An approved pair appears on the public property page as a comparison the visitor drags, labelled as generated by AI so nobody mistakes it for the finished home.

  • One public pair per property, chosen by the agency
  • Room types and styles picked in the studio
  • Runs on your own Google Gemini key
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
The agency's day

A dashboard built around listings, inquiries and viewings

The overview opens on what needs attention: new inquiries, viewings awaiting confirmation, the visits coming up and the properties changed most recently.

A property editor in two languages

Title and description in English and Arabic, photos in the order they should appear with one cover, and a publishing flow from draft to published to archived.

  • Details, media, location and SEO in one editor
  • Reference numbers and unique page addresses generated for you
  • Tabs, search and filters on the property list
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

An assistant that knows the agency

Ask how many inquiries arrived this week or which viewings still need confirming. The assistant answers from the agency's own data through MCP tools, and draws a chart when the question is about a trend.

  • Tools for properties, inquiries, viewings and the overview
  • Google Gemini, OpenAI, Anthropic or DeepSeek with your own key
  • The same tools open to coding agents at the MCP endpoint
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

Settings the agency owns

The agency's name and contact details, the homes featured on the website, the neighborhoods it lists, the team's accounts and what each role may do.

  • Neighborhoods featured or hidden on the website as the agency chooses
  • Admins, roles and permissions
  • Menu items and actions hidden without the 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
Bilingual

English and Arabic, in both directions

Every screen of the website and the dashboard is written in both languages and mirrors for Arabic, with prices and figures kept in Latin digits.

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

The dashboard in Arabic

The same components run right to left, so there is no second layout to maintain.

  • Listings written in both languages from one editor
  • Tables, forms and menus mirrored for Arabic
  • Figures in Latin digits in both locales
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

Made for the phone a buyer is holding

Listings, property pages and the forms are laid out for a narrow screen. On a phone the property page keeps a bar at the bottom with the viewing request button, so the next step is one tap away however far the visitor scrolls.

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
What you get

Everything to run it, not only the screens

Source code for all three apps, the data to start from and the documentation to take it further.

Source code

  • The website, the agency dashboard and the API
  • TypeScript throughout, with exact pinned dependencies
  • A commercial license for your project

Data

  • A seeder with properties, neighborhoods, inquiries and viewings
  • The demo homes' photos, served by the API
  • Two accounts: a super admin and an agent

Docs and demo mode

  • A quick start for the stack and for each app
  • A reference for every API response
  • A demo mode for public previews, off by default and removed with one command
Under the hood

Build on a familiar full-stack foundation

Next.js 16, React 19, TypeScript, Tailwind CSS 4, and a modular NestJS backend.

Frontend

  • Next.js 16 App Router, React 19, TypeScript
  • Tailwind CSS 4
  • TanStack Query for API data
  • React Hook Form and Zod for forms
  • next-intl for localization

Backend

  • NestJS with per-domain modules
  • TypeORM with SQLite, or MySQL through configuration
  • JWT authentication with roles and permissions
  • Socket.io for live notifications
  • An MCP server behind an API key

Media

  • Uploads to a local folder or a Cloudflare R2 bucket
  • Absolute media URLs from the API
  • Next.js image optimization on both frontends
Before you launch

What you configure yourself

Velra is a source-code template, not a managed hosting subscription. Configure your hosting, database, media storage and the external services you choose to use.

Hosting and data

  • A Node host for the API and the two Next.js apps
  • SQLite on a persistent disk, or MySQL
  • A persistent folder or an R2 bucket for uploads

AI

  • Your own Google Gemini key for staging
  • Gemini, OpenAI, Anthropic or DeepSeek for the assistant
  • Provider charges are not included

Not included

  • Online payments and deposits
  • Maps and mortgage calculators
  • Several agencies on one install
Explore

Explore Velra before you build

Browse the website as a visitor, then open the agency dashboard, whose sign-in page fills in a demo account for you. What you create in the dashboard is yours alone, and the demo data is rebuilt every day. In the demo, the staging studio and the assistant run on your own Google Gemini key. Screenshots use sample data.

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
Perfect for

Build your next property product with Velra

Real estate agenciesIndependent brokersDevelopers selling a projectRental and property managersAgencies building a client's property siteBilingual portals with Arabic and RTL

Technical Specifications

Framework

Next.js 16.3.5

React Version

React 19.3.0

Styling

Tailwind CSS 4.3.3

TypeScript

Yes

Responsive

Mobile, Tablet, Desktop

Support Period

Lifetime Included

Pro Tip: All templates include comprehensive documentation to get you started quickly.

Frequently asked questions

What do I get when I buy this template?
The complete source code of the package you choose, downloaded from your personal dashboard right after checkout. A business invoice is available for every purchase.
Can I use it for client and commercial projects?
Yes. Every paid template comes with a Commercial licence that covers one commercial project, including work you deliver to a client. To reuse the same template across several projects, choose the Agency licence, which covers unlimited projects.
Do I get updates after buying?
Yes. Updates are free. New versions appear in your dashboard, where you can download every file you own again at any time.
Is support included?
Yes. The assistant on this page answers in seconds, and email support is included with every purchase, at support@aniq-ui.com, with a reply within 4 hours.
Can I try it before I buy?
Yes. This template has a full live demo, linked at the top of this page, so you can click through the real thing before you decide.

Related Templates

Next.js Fitness & Coaching Dashboard with AI Assistant - Next.js Health & Fitness template preview - Aniq-UI

Fitness

$179
Health & Fitness
Full Stack
New
AI
Light & Dark

Kinora is a full-stack Next.js fitness coaching template with a NestJS backend, AI assistant, client roster, workout logger, meal planner, and Arabic RTL.

View Template
Next.js LMS Template with AI & Live Classes - Next.js Education template preview - Aniq-UI

E-Learning

$179
Education
Full Stack
New
AI
Light & Dark

Learnio is a full-stack Next.js LMS template with a NestJS backend, AI assistant, live classes, Stripe checkout, quizzes, certificates, and Arabic RTL.

View Template
Next.js E-Commerce Template with Admin Dashboard - Next.js E-Commerce template preview - Aniq-UI

E-Commerce

$179
E-Commerce
Full Stack
New
AI

Next.js 16 e-commerce template with a storefront, an admin dashboard and a NestJS API. Guest checkout, JWT auth, AI try-on, English and Arabic with RTL.

View Template

Professional Next.js Templates Technical Advantages

Our Next.js templates are engineered with performance optimization, TypeScript integration, and developer-friendly architecture to accelerate your web application development. Ready-to-use UI components save hours of design and coding time.

Responsive Design

Fully adaptive Next.js Templates with responsive breakpoints for mobile, tablet, and desktop viewport optimization.

Accessibility

Semantic HTML, ARIA attributes and keyboard navigation, built with accessibility in mind.

High Performance

Built on the Next.js App Router with server components and optimized assets, so pages stay fast as they grow.

TypeScript Support

Next.js App Router architecture with server components for reduced client-side JavaScript and faster time-to-interactive metrics.

Enterprise-Grade Features Included:

Developer Experience

Enterprise-grade development toolkit

  • TypeScript 5.0+ with strict type checking
  • Server & Client Components architecture
  • Comprehensive JSDoc documentation

UX & Performance

Optimized user experience metrics

  • Mobile-first responsive design system
  • Accessible markup with ARIA and keyboard navigation
  • Fast rendering with server components and optimized assets

Maintenance & Support

Long-term project sustainability

  • Support included with your purchase
  • Regular security & framework updates
  • SEO-optimized semantic structure

All Next.js Templates implement modern React 19 patterns, App Router architecture, and Web Vitals optimization for SEO-friendly performance.

world map

Global User Community

Join thousands of developers worldwide who trust Aniq-UI for their projects. Our templates are being used across the globe to create stunning web experiences.

Contact Us

Questions about a template or your purchase? Get in touch with us

Aniq-uiAniq-uiAniq-ui