Plantilla de dashboard Next.js con asistente de IA (Edición 2026)
Front + Back
El más elegidoFrontend + Backend Incluye API NestJS con TypeORM, auth, RBAC y tiempo real
Frontend
Dashboard Next.js 16 con auth, TanStack Query
Plantilla de dashboard Next.js con asistente de IA (Edición 2026)
Panel admin completo con Next.js 16, Tailwind CSS 4, TanStack Query y Framer Motion. Incluye backend NestJS, TypeORM, auth JWT, RBAC, actualizaciones WebSocket, asistente IA y soporte multilingüe.
Panel admin completo con Next.js 16, Tailwind CSS 4, TanStack Query y Framer Motion. Incluye backend NestJS, TypeORM, auth JWT, RBAC, actualizaciones WebSocket, asistente IA y soporte multilingüe.
Front + Back
El más elegidoFrontend + Backend Incluye API NestJS con TypeORM, auth, RBAC y tiempo real
Frontend
Dashboard Next.js 16 con auth, TanStack Query
Compradores Recientes
Actualizaciones en tiempo real
Países Principales
Basado en ubicaciones de compra
Comentarios de la comunidad
Un panel de administración completo que combina un frontend Next.js 16 pulido con un backend NestJS y un asistente de IA que responde desde tus propios datos. Inglés y árabe con RTL completo, temas claro y oscuro, acceso por roles y actualizaciones en tiempo real, en un solo kit. El paquete Frontend es la app Next.js por sí sola y se conecta a una API que tú proporcionas; el backend NestJS, que también ejecuta el asistente de IA, viene con el paquete Front + Back.
El panel de un vistazo
Métricas, tareas, calendario e insights llegan a una sola pantalla en cuanto inicias sesión.
- Tarjetas KPI de proyectos, usuarios, completado y tiempo de respuesta
- Anillos de insights y gráficos de rendimiento en la misma superficie
- Actualizaciones en tiempo real por WebSockets
Una pantalla que lleva el día
El resumen reúne métricas, tareas rápidas, calendario y mapa de actividad en una superficie, con widgets que puedes reordenar arrastrando.

Un asistente que responde con tus datos
Chat compatible con MCP conectado al propio panel, con proveedores DeepSeek, Google y OpenAI detrás de un selector de modelo.
Pide un gráfico, recibe un gráfico
Pide los últimos 30 días y el asistente genera el gráfico desde tus propios números, y escribe el resumen debajo.
- Respuestas en streaming con historial y sesiones múltiples
- Enrutado de herramientas mediante un registro MCP, listo para ampliar
- Trae tu propia clave de API

Usuarios, admins y roles en un lugar
Cada lista llega con estadísticas en vivo, filtros y tablas limpias, para que el día a día sea rápido.
Gestión de usuarios
Toda la base de usuarios, legible antes de recorrer una sola fila.
- Verificados, sin verificar y eliminados de un vistazo
- Filtros por usuario, email, teléfono, nombre y fecha de alta
- Chips de estado y paginación incluidas

Cuentas de admin
El equipo detrás del panel, cada cuenta con su rol.
- Chip de rol en cada cuenta
- Búsqueda y filtros para todo el equipo
- Altas y cambios recientes visibles arriba

Roles y permisos con RBAC
Políticas de acceso granulares, gestionadas como cualquier otro registro.
- Roles con guards y recuentos activos
- Políticas de acceso por módulo
- Sesiones JWT con refresh tokens

49 componentes, documentados en el sitio
Las piezas con las que está construido el panel, en una sola página, con el código junto a cada ejemplo.
Todas las variantes en una superficie
Badges, avatares, tablas, diálogos, menús, botones, formularios y gráficos, cada uno renderizado en vivo.
- Agrupados en datos, feedback, layout, navegación, overlays, botones y formularios
- Gráficos Recharts y tarjetas de estadísticas incluidos
- Un ejemplo de código copiable junto a cada componente

Un stack que ya conoces
Frontend y backend en un solo kit, dependencias fijadas a versión exacta y lockfiles versionados.
Frontend
- Next.js 16 App Router, React 19, TypeScript 5
- Tailwind CSS 4 y Radix UI
- TanStack Query y Redux Toolkit
- React Hook Form y Zod en cada formulario
- next-intl con inglés y árabe RTL
- Framer Motion y Recharts
Backend
- NestJS con módulos por dominio
- TypeORM con MySQL o SQLite
- Auth JWT con refresh tokens
- Matriz de roles y permisos
- APIs REST y gateway Socket.io
- Subidas compatibles con S3
Experiencia de desarrollo
- Seeding de base de datos en un comando
- Temas claro y oscuro persistentes
- Configuración por entorno
- Scripts de migración y utilidades
- Docs de instalación, i18n y despliegue
Hecho para productos reales
Especificaciones Técnicas
Framework
Next.js 16
Versión de React
React 19
Estilo
Tailwind CSS 4
TypeScript
Sí
Responsivo
Móvil, Tableta, Escritorio
Período de Soporte
Life time 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
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.
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.
Preferencias de Cookies
Utilizamos cookies para mejorar tu experiencia de navegación, analizar el tráfico del sitio y personalizar el contenido. Al hacer clic en "Aceptar Todo", consientes nuestro uso de cookies para análisis y publicidad personalizada.


