Plantilla E-Commerce Next.js con Panel de Administración
Full Stack
El más elegidoTienda + Panel de Administración + API NestJS con TypeORM y autenticación
Tienda
La tienda para clientes en Next.js 16 por separado, con catálogo, carrito, pedido y probador virtual con IA
Panel de Administración
El panel de administración en Next.js 16 por separado, con gestión de catálogo, roles, analítica y asistente IA
API Backend
La API NestJS por separado, con TypeORM, autenticación JWT, gestión de pedidos y un seeder de un solo comando
¿Creas para clientes?
Licencia de Agencia
- Todo lo del Full Stack
- Proyectos ilimitados
- Soporte prioritario por correo (48 h)
Plantilla E-Commerce Next.js con Panel de Administración
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.
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.
Full Stack
El más elegidoTienda + Panel de Administración + API NestJS con TypeORM y autenticación
Tienda
La tienda para clientes en Next.js 16 por separado, con catálogo, carrito, pedido y probador virtual con IA
Panel de Administración
El panel de administración en Next.js 16 por separado, con gestión de catálogo, roles, analítica y asistente IA
API Backend
La API NestJS por separado, con TypeORM, autenticación JWT, gestión de pedidos y un seeder de un solo comando
¿Creas para clientes?
Licencia de Agencia
- Todo lo del Full Stack
- Proyectos ilimitados
- Soporte prioritario por correo (48 h)

Compradores Recientes
Actualizaciones en tiempo real
Países Principales
Basado en ubicaciones de compra
Comentarios de la comunidad
Una tienda online completa que combina un storefront Next.js 16 pulido, un panel de administración completo y una API NestJS, todo en un solo monorepo. Inglés y árabe con RTL completo, temas claro y oscuro, compra como invitado y tres funciones de IA integradas. Los pagos con tarjeta pasan por Stripe y las funciones de IA por la API NestJS, con tus propias claves. Por separado, los paquetes Tienda y Panel de Administración funcionan con una API simulada integrada; los pedidos reales, los pagos y la IA necesitan la API NestJS del paquete API Backend o Full Stack.
El panel de un vistazo
Ingresos, pedidos, clientes y conversión llegan a una sola pantalla nada más entrar.
- Analítica en bento con un widget de ingresos animado
- Cifras en vivo de ventas, clientes y conversión
- Actualizaciones en tiempo real por WebSockets
Una tienda completa, lista para vender
Todo lo que un comprador espera, de la primera visita al pedido pagado.

Páginas de producto que convierten
Un catálogo con búsqueda, filtros y orden basados en la URL lleva a páginas de producto hechas para vender.
- Galerías de imágenes, variantes de color y talla
- Reseñas de clientes y productos relacionados
- Carrito y lista de deseos que persisten entre sesiones
- Páginas de categorías y secciones de portada editables

Pago sin fricción
Los invitados compran sin cuenta y aun así siguen sus pedidos.
- Pedido con confirmación
- Seguimiento de pedido como invitado con número y email
- Cuentas de cliente: direcciones, historial y detalle de pedidos

Píxeles de seguimiento, ya conectados
Seis redes publicitarias vienen con la tienda. Pega un id en tu .env y todo el embudo de compra queda medido, sin plugin que instalar y sin código que escribir.
Seis redes
- Google Tag Manager y GA4
- Píxel de Meta para Facebook e Instagram
- TikTok, Snapchat y Pinterest
- Un id en blanco no carga ningún script
Todo el embudo
- Vistas de página en cada ruta, no solo la primera
- Vistas de producto, añadir al carrito y lista de deseos
- Pago iniciado, y compra con el total real del pedido
- Búsqueda, registro e inicio de sesión
Todo en un archivo
- Cada tag se activa desde el .env
- Moneda y modo debug en consola
- GTM recibe el formato dataLayer de GA4, sus plantillas de tags funcionan tal cual
- Añadir una séptima red cabe en un archivo
Tres funciones de IA integradas
Nada añadido por encima: el probador, el estudio y el asistente viven dentro del código.
Probador virtual
El comprador toca la percha en cualquier producto y lo ve puesto en menos de un minuto, sobre el modelo integrado o su propia foto.
- Un toque desde cualquier página de producto
- Funciona con la foto del comprador
- Los looks se guardan y se actualizan pieza a pieza
Estudio de producto con IA
Fotografía de producto desde una instrucción, dentro del editor de producto.
- Genera imágenes y quita fondos
- Redacta una ficha desde una sola imagen
- Cuotas por cuenta que controlan los costes
- Convierte una foto de producto en un video corto
Instrucciones de un toque
Tres sugerencias sobre el campo lo rellenan por ti; envía y el agente hace el resto.
- Redactar la ficha del producto
- Toma de estudio con fondo blanco
- Fotografiar esto en un modelo

Modo animación
Videos cortos de producto desde una instrucción de movimiento, donde viven las fotos.
- Preajustes de movimiento: giro, avance lento, tela al viento
- Elige modelo, resolución y duración
- Cada clip queda en la galería de generaciones

Asistente admin compatible con MCP
Chat en streaming sobre los datos de tu tienda mediante un registro de herramientas MCP, con Anthropic, Google y OpenAI.
- Pregunta a tu base de datos, no a internet
- Preguntas sugeridas para el día a día
- Usa tu propia clave de API

Gestiona la tienda desde un solo panel
Productos, pedidos, clientes, personal y la propia portada, todo en un mismo lugar.
Pedidos y operaciones
Estadísticas en vivo, filtros y acceso por roles agilizan el día a día.
- Pedidos con estados, estado del pago y filtros
- Roles y permisos con RBAC
- Notificaciones en tiempo real por WebSockets
- Vistas analíticas construidas con Recharts

Dos idiomas, dos temas
Inglés y árabe con RTL completo, temas claro y oscuro persistentes, y tu marca en un archivo de configuración por aplicación.
Árabe con RTL completo
Cambia el idioma y cada pantalla se refleja correctamente, de la navegación al pago.
- Propiedades lógicas en todo, sin errores de espejo
- Mensajes next-intl, un archivo por función e idioma
- Los mismos componentes sirven ambas direcciones

Temas claro y oscuro
Ambos temas llegan terminados, y la elección del comprador persiste entre sesiones.
- Tienda y panel tienen ambos temas
- Los colores de marca viven en un archivo de configuración por app
- Sin destello del tema equivocado al cargar

Un stack que ya conoces
Tres aplicaciones, tres puertos, dependencias exactas y lockfiles versionados.
Tienda y panel
- Next.js 16 App Router, React 19, TypeScript 5
- Tailwind CSS 4, Motion, Embla
- TanStack Query y Redux Toolkit
- React Hook Form y Zod en cada formulario
- next-intl para i18n
Backend
- NestJS con módulos por dominio
- TypeORM con MySQL o SQLite
- Auth JWT para clientes y personal
- Pedidos con seguimiento de estado y pago
- Socket.io y subidas compatibles con S3
Experiencia de desarrollo
- Seeder de base de datos en un comando
- Marca en un archivo de configuración por app
- Dependencias exactas, lockfiles versionados
- Guía de inicio: entorno, seeding y despliegue
Hecha para lanzarse
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
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
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.
Contáctanos
¿Preguntas sobre una plantilla o tu compra? Escríbenos


