Premium

Plantilla inmobiliaria Next.js con panel de agencia y home staging con IA

Full Stack

El más elegido

Sitio público + panel de agencia + API NestJS con TypeORM y autenticación

$179
Por separado: $277Ahorra $98

Sitio público

El sitio inmobiliario Next.js 16 por separado. Lee sus datos de la API de Velra, que se vende aparte como API Backend o junto con todo en Full Stack.

$79

Panel de agencia

El panel de agencia Next.js 16 por separado. Lee sus datos de la API de Velra, que se vende aparte como API Backend o junto con todo en Full Stack.

$99

API Backend

La API NestJS por separado, con TypeORM, auth JWT, propiedades, consultas, visitas, staging, herramientas MCP y un seeder de un comando

$99

¿Creas para clientes?

Licencia Agencia

  • Todo lo de Full Stack
  • Proyectos ilimitados
  • Soporte prioritario por correo (48 h)
$599
* Factura comercial disponible

Velra es una plantilla inmobiliaria Next.js full-stack: un sitio público para comprar y alquilar, un panel de agencia para propiedades, contactos y visitas, una API NestJS, home staging virtual con IA, e inglés y árabe con 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
Código fuente completo
Factura disponibleTras la compra, descarga una factura en PDF y gestiona los datos de facturación (NIF/CIF, dirección de empresa) en cualquier momento desde el Portal de clientes de Paddle
Plantilla inmobiliaria Next.js con panel de agencia y home staging con IA - Next.js Inmobiliaria template preview - Aniq-UI
Compartir:

Velra es una plantilla inmobiliaria full-stack para una agencia: un sitio web en Next.js donde los visitantes encuentran viviendas para comprar o alquilar y piden visitas, un panel en Next.js donde la agencia gestiona sus anuncios, consultas y visitas, y una API NestJS detrás de ambos. Incluye home staging virtual con IA, un asistente de IA, e inglés y árabe con RTL.

Demo del sitioDemo del panel de agencia
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
Abrir el sitioAbrir el panel de agencia
El paquete

El negocio inmobiliario de una agencia en un solo código

Una base conectada para el sitio de una agencia, el portal de anuncios de un bróker o el sitio de ventas de una promotora, con código fuente que adaptas a tu proyecto. El paquete full-stack incluye el sitio, el panel de agencia y la API que los sirve.

Sitio público

  • Viviendas en venta y en alquiler, con filtros guardados en la URL
  • Fichas con galería, datos y comodidades
  • Favoritos y comparación de tres viviendas
  • Solicitudes de visita y formulario de contacto

Panel de agencia

  • Un resumen de lo que requiere atención hoy
  • Un editor de propiedades en inglés y árabe
  • Consultas y visitas, cada una con su flujo
  • Estudio de staging con IA, asistente, equipo y ajustes

API NestJS

  • Autenticación, roles y permisos
  • Propiedades, barrios, consultas y visitas
  • Vistas previas de staging y notificaciones en vivo
  • Un seeder que crea una agencia de demostración completa
Comprar y alquilar

Buscar como piensan compradores e inquilinos

Finalidad, zona, tipo, presupuesto y dormitorios acotan la lista, y cada filtro vive en la barra de direcciones: una búsqueda se comparte, se guarda como marcador o se recupera con el botón atrás.

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

Una ficha que responde a las primeras preguntas

La galería, el precio, los datos y las comodidades van primero, con la tarjeta de solicitud de visita al lado.

  • Alquileres con precio anual según el periodo de alquiler del anuncio
  • Viviendas similares ordenadas por finalidad, zona y precio
  • Los borradores y los anuncios archivados nunca llegan al sitio público
  • Títulos, descripciones y versiones de idioma para los buscadores
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

Favoritos y comparación lado a lado

Los visitantes guardan una selección sin crear una cuenta. Se queda en su dispositivo, y se pueden comparar hasta tres viviendas fila por fila.

  • Precio, superficie, dormitorios, baños y comodidades en una sola tabla
  • Un botón para guardar en cada anuncio y cada ficha
  • Sin registrarse
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 consulta a la visita

Cada solicitud llega a la agencia

Una solicitud de visita propone una fecha y una hora y queda pendiente hasta que la agencia la confirma, así nadie recibe la promesa de un horario que nadie ha comprobado.

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

Formularios que se pueden enviar dos veces sin riesgo

La solicitud de visita y el formulario de contacto están pensados para tráfico real, no solo para una demo.

  • Un envío repetido devuelve la solicitud ya guardada
  • Un campo oculto y un límite por dirección frenan a los bots
  • Horarios en la zona horaria de la agencia
  • Un número de referencia que el visitante puede citar
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

Consultas con estado y notas

Cada consulta se abre en un panel con el mensaje, la propiedad a la que se refiere y la visita a la que dio lugar. La agencia la hace avanzar y toma notas sobre la marcha.

  • Pestañas para cada estado
  • Búsqueda en todas las consultas
  • Una notificación en cuanto llega una solicitud
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

Visitas para confirmar, completar o cancelar

Las visitas solicitadas aparecen primero. Confirmar, completar o cancelar es una sola acción, y solo se ofrecen los pasos que tienen sentido para su estado.

  • Pestañas con un contador por estado
  • Las próximas visitas en el resumen
  • Los datos de contacto del visitante junto a cada solicitud
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 virtual con IA

Mostrar una habitación vacía amueblada

El estudio de staging envía la foto de una habitación vacía al editor de imágenes de Google Gemini con un tipo de habitación y un estilo, y la recibe amueblada conservando paredes, ventanas y luz. La agencia aprueba el resultado antes de que aparezca en ningún sitio.

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

Antes y después, en la ficha de la propiedad

Un par aprobado aparece en la ficha pública como una comparación que el visitante desliza, con una etiqueta de contenido generado por IA para que nadie lo confunda con la vivienda terminada.

  • Un par público por propiedad, elegido por la agencia
  • Tipos de habitación y estilos elegidos en el estudio
  • Funciona con tu propia clave de 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
El día de la agencia

Un panel pensado para anuncios, consultas y visitas

El resumen se abre con lo que requiere atención: consultas nuevas, visitas por confirmar, las próximas visitas y las propiedades modificadas recientemente.

Un editor de propiedades en dos idiomas

Título y descripción en inglés y árabe, fotos en el orden en que deben aparecer con una portada, y un flujo de publicación de borrador a publicado y a archivado.

  • Detalles, medios, ubicación y SEO en un solo editor
  • Números de referencia y direcciones de página únicas generados automáticamente
  • Pestañas, búsqueda y filtros en la lista de propiedades
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 asistente que conoce la agencia

Pregunta cuántas consultas llegaron esta semana o qué visitas faltan por confirmar. El asistente responde con los datos de la propia agencia mediante herramientas MCP, y dibuja un gráfico cuando la pregunta trata de una tendencia.

  • Herramientas para propiedades, consultas, visitas y el resumen
  • Google Gemini, OpenAI, Anthropic o DeepSeek con tu propia clave
  • Las mismas herramientas abiertas a agentes de código en el endpoint 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

Ajustes en manos de la agencia

El nombre y los datos de contacto de la agencia, las viviendas destacadas en el sitio, los barrios que muestra, las cuentas del equipo y lo que puede hacer cada rol.

  • Barrios destacados u ocultos en el sitio, como elija la agencia
  • Administradores, roles y permisos
  • Menús y acciones ocultos sin el permiso
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
Bilingüe

Inglés y árabe, en ambas direcciones

Cada pantalla del sitio y del panel está en los dos idiomas y se refleja para el árabe, con precios y cifras en dígitos latinos.

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

El panel en árabe

Los mismos componentes funcionan de derecha a izquierda, sin un segundo diseño que mantener.

  • Anuncios escritos en ambos idiomas desde un solo editor
  • Tablas, formularios y menús reflejados para el árabe
  • Cifras en dígitos latinos en ambos idiomas
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

Pensado para el teléfono del comprador

Los anuncios, las fichas y los formularios están maquetados para una pantalla estrecha. En el teléfono, la ficha mantiene una barra en la parte inferior con el botón de solicitud de visita, así el siguiente paso está a un toque por mucho que se desplace el visitante.

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
Lo que obtienes

Todo para ponerlo en marcha, no solo las pantallas

El código fuente de las tres aplicaciones, los datos de partida y la documentación para ir más allá.

Código fuente

  • El sitio, el panel de agencia y la API
  • TypeScript en todo, con dependencias en versiones exactas
  • Una licencia comercial para tu proyecto

Datos

  • Un seeder con propiedades, barrios, consultas y visitas
  • Las fotos de las viviendas de demostración, servidas por la API
  • Dos cuentas: un superadministrador y un agente

Documentación y modo demo

  • Una guía rápida para el conjunto y para cada aplicación
  • Una referencia de cada respuesta de la API
  • Un modo demo para vistas públicas, desactivado por defecto y eliminable con un comando
Bajo el capó

Construye sobre una base full-stack conocida

Next.js 16, React 19, TypeScript, Tailwind CSS 4 y un backend NestJS modular.

Frontend

  • Next.js 16 App Router, React 19, TypeScript
  • Tailwind CSS 4
  • TanStack Query para los datos de la API
  • React Hook Form y Zod para los formularios
  • next-intl para la localización

Backend

  • NestJS con módulos por dominio
  • TypeORM con SQLite, o MySQL por configuración
  • Autenticación JWT con roles y permisos
  • Socket.io para notificaciones en vivo
  • Un servidor MCP protegido por una clave de API

Medios

  • Subidas a una carpeta local o a un bucket de Cloudflare R2
  • URL de medios absolutas desde la API
  • Optimización de imágenes de Next.js en ambos frontends
Antes de lanzar

Lo que configuras tú

Velra es una plantilla de código fuente, no una suscripción de hosting gestionado. Configura tu hosting, tu base de datos, el almacenamiento de medios y los servicios externos que elijas.

Hosting y datos

  • Un hosting Node para la API y las dos aplicaciones Next.js
  • SQLite en un disco persistente, o MySQL
  • Una carpeta persistente o un bucket R2 para las subidas

IA

  • Tu propia clave de Google Gemini para el staging
  • Gemini, OpenAI, Anthropic o DeepSeek para el asistente
  • Los cargos de los proveedores no están incluidos

No incluido

  • Pagos y señales en línea
  • Mapas y calculadoras de hipoteca
  • Varias agencias en una misma instalación
Explorar

Explora Velra antes de construir

Recorre el sitio como visitante y luego abre el panel de agencia, cuya página de acceso rellena una cuenta de demostración por ti. Lo que creas en el panel es solo tuyo, y los datos de demostración se reconstruyen cada día. En la demo, el estudio de staging y el asistente funcionan con tu propia clave de Google Gemini. Las capturas usan datos de ejemplo.

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
Demo del sitioDemo del panel de agencia
Ideal para

Construye tu próximo producto inmobiliario con Velra

Agencias inmobiliariasBrókers independientesPromotoras que venden un proyectoGestores de alquileres y propiedadesAgencias que crean el sitio inmobiliario de un clientePortales bilingües con árabe y RTL

Especificaciones Técnicas

Framework

Next.js 16.3.5

Versión de React

React 19.3.0

Estilo

Tailwind CSS 4.3.3

TypeScript

Sí

Responsivo

Móvil, Tableta, Escritorio

Período de Soporte

Lifetime Incluido

Consejo Pro: Todas las plantillas incluyen documentación completa para ayudarte a comenzar rápidamente.

Preguntas frecuentes

¿Qué recibo al comprar esta plantilla?
El código fuente completo del paquete que elijas, descargado desde tu panel personal justo después del pago. Hay una factura de empresa disponible para cada compra.
¿Puedo usarla en proyectos comerciales o de clientes?
Sí. Cada plantilla de pago incluye una licencia Comercial que cubre un proyecto comercial, incluido el trabajo que entregues a un cliente. Para reutilizar la misma plantilla en varios proyectos, elige la licencia de Agencia, que cubre proyectos ilimitados.
¿Recibo actualizaciones después de comprar?
Sí. Las actualizaciones son gratuitas. Las nuevas versiones aparecen en tu panel, donde puedes volver a descargar tus archivos en cualquier momento.
¿Incluye soporte?
Sí. El asistente de esta página responde en segundos y el soporte por correo está incluido en cada compra, en support@aniq-ui.com, con respuesta en 4 horas.
¿Puedo probarla antes de comprar?
Sí. Esta plantilla tiene una demo completa en línea, enlazada arriba en esta página, para recorrer la versión real antes de decidir.

Plantillas Relacionadas

Panel de fitness y coaching Next.js con asistente de IA - Next.js Salud y Fitness template preview - Aniq-UI

Fitness

$179
Salud y Fitness
Full Stack
Nuevo
IA
Claro y oscuro

Kinora es una plantilla de coaching fitness Next.js full-stack con backend NestJS, asistente de IA, lista de clientes, registro de entrenamientos, planificador de comidas y árabe RTL.

Ver Plantilla
Plantilla LMS Next.js con IA y clases en vivo - Next.js Education template preview - Aniq-UI

E-Learning

$179
Education
Full Stack
Nuevo
IA
Claro y oscuro

Learnio es una plantilla LMS Next.js full-stack con backend NestJS, asistente de IA, clases en vivo, pago con Stripe, cuestionarios, certificados y árabe RTL.

Ver Plantilla
Plantilla E-Commerce Next.js con Panel de Administración - Next.js E-Commerce template preview - Aniq-UI

E-Commerce

$179
E-Commerce
Full Stack
Nuevo
IA

Plantilla e-commerce Next.js 16 con tienda, panel admin y API NestJS. Compra como invitado, auth JWT, probador con IA, inglés y árabe con RTL.

Ver Plantilla

Next.js Templates Ventajas Técnicas

Nuestras plantillas React están diseñadas con optimización de rendimiento, integración de TypeScript y arquitectura amigable para desarrolladores para acelerar el desarrollo de su aplicación web.

Diseño Responsivo

Next.js Templates totalmente adaptables con puntos de interrupción responsivos para optimización de visualización en móviles, tabletas y escritorio.

Accesibilidad

HTML semántico, atributos ARIA y navegación por teclado, construidos pensando en la accesibilidad.

Alto Rendimiento

Construida sobre el App Router de Next.js con componentes de servidor y recursos optimizados, para que las páginas sigan siendo rápidas al crecer.

Soporte TypeScript

Arquitectura App Router de Next.js con componentes de servidor para reducir JavaScript del lado del cliente y métricas más rápidas de tiempo para interactividad.

Características de Nivel Empresarial Incluidas:

Experiencia del Desarrollador

Kit de herramientas de desarrollo de nivel empresarial

  • TypeScript 5.0+ con verificación estricta de tipos
  • Arquitectura de componentes de servidor y cliente
  • Documentación JSDoc completa

UX y Rendimiento

Métricas de experiencia de usuario optimizadas

  • Sistema de diseño responsivo mobile-first
  • Marcado accesible con ARIA y navegación por teclado
  • Renderizado rápido con componentes de servidor y recursos optimizados

Mantenimiento y Soporte

Sostenibilidad del proyecto a largo plazo

  • Soporte incluido con su compra
  • Actualizaciones regulares de seguridad y framework
  • Estructura semántica optimizada para SEO

Todas las Next.js Templates implementan patrones modernos de React 19, arquitectura App Router y optimización de Web Vitals para un rendimiento favorable al SEO.

world map

Comunidad Global de Usuarios

Únete a miles de desarrolladores en todo el mundo que confían en Aniq-UI para sus proyectos. Nuestras plantillas se utilizan en todo el mundo para crear experiencias web impresionantes.

InicioPlantillasBlog

Contáctanos

¿Preguntas sobre una plantilla o tu compra? Escríbenos

Aniq-uiAniq-uiAniq-ui