Next.js Real Estate Template with Agency Dashboard and AI Staging
Full Stack
Most popularPublic website + agency dashboard + NestJS API with TypeORM and auth
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.
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.
Backend API
The NestJS API on its own, with TypeORM, JWT auth, properties, leads, viewings, staging, MCP tools and a one command seeder
Building for clients?
Agency License
- Everything in Full Stack
- Unlimited projects
- Priority email support (48h)
Next.js Real Estate Template with Agency Dashboard and AI Staging
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.
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.
Full Stack
Most popularPublic website + agency dashboard + NestJS API with TypeORM and auth
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.
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.
Backend API
The NestJS API on its own, with TypeORM, JWT auth, properties, leads, viewings, staging, MCP tools and a one command seeder
Building for clients?
Agency License
- Everything in Full Stack
- Unlimited projects
- Priority email support (48h)

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.




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




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


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






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.




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


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


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


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.


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




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




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


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


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


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.




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


Build your next property product with Velra
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
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.


