Premium

Plantilla E-Commerce Next.js con Panel de Administración

Full Stack

El más elegido

Tienda + Panel de Administración + API NestJS con TypeORM y autenticación

$179
Por separado: $277Ahorra $98

Tienda

La tienda para clientes en Next.js 16 por separado, con catálogo, carrito, pedido y probador virtual con IA

$79

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

$99

API Backend

La API NestJS por separado, con TypeORM, autenticación JWT, gestión de pedidos y un seeder de un solo comando

$99

¿Creas para clientes?

Licencia de Agencia

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

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 storefront + admin + NestJS APIMulti-language (English & Arabic) with RTLGuest checkout & order tracking
Código fuente completo
5 (1 reseña)
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 E-Commerce Next.js con Panel de Administración - Next.js E-Commerce template preview - Aniq-UI

Compradores Recientes

Actualizaciones en tiempo real

Brazil
j*****s
Compra verificada
Hace 3 semanas
United Arab Emirates
s*****l
Compra verificada
Hace 3 semanas
Saudi Arabia
A*****L
Compra verificada
Hace 3 semanas

Países Principales

Basado en ubicaciones de compra

Brazil
Brazil
Compras
33%
United Arab Emirates
United Arab Emirates
Compras
33%
Saudi Arabia
Saudi Arabia
Compras
33%

Comentarios de la comunidad

Compartir:

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
Dashboard - overview page. The overview page widget animations
Tienda

Una tienda completa, lista para vender

Todo lo que un comprador espera, de la primera visita al pedido pagado.

Storefront home (dark)
Storefront home (dark). Storefront home page in dark mode with hero, trust strip and featured collections

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
Product page
Product page. Product detail with gallery, color and size variants, reviews and buy actions

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
Guest checkout
Guest checkout. Checkout with shipping address form and order summary
Marketing

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
Funciones de IA

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
Storefront try-on. Try the try-on feature in the storefront

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
Product Studio. Add a product image, fill the fields using AI and generate try-on images

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
AI studio suggestions
AI studio suggestions. Assistant mode with one-tap prompt suggestions for details, studio shots and model photos

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
AI studio animate mode
AI studio animate mode. Generate short product videos from a motion prompt with model, resolution and duration options

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
AI assistant real answer
AI assistant real answer. A real assistant reply with live store numbers: revenue, orders waiting and top seller
Panel

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
Admin orders
Admin orders. Orders list with statuses, payment state, filters and stats
Bilingüe

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
Arabic RTL storefront
Arabic RTL storefront. Home page in Arabic with full right-to-left layout

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
Storefront home (light)
Storefront home (light). The same storefront home page in light mode
Por dentro

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

Hecha para lanzarse

Tiendas de moda y ropaTiendas multilingües con árabe y RTLFundadores lanzando un MVPAgencias que construyen para clientesEquipos que quieren tienda, panel y API juntos

Especificaciones Técnicas

Framework

Next.js 16

Versión de React

React 19

Estilo

Tailwind CSS 4

TypeScript

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

Plantilla inmobiliaria Next.js con panel de agencia y home staging con IA - Next.js Inmobiliaria template preview - Aniq-UI

Inmobiliaria

$179
Inmobiliaria
Full Stack
Nuevo
IA

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.

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

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.

Contáctanos

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

Aniq-uiAniq-uiAniq-ui