Vídeo de demostración: Plantilla E-Commerce Next.js con Panel de Administración

La Plantilla E-Commerce de Next.js entrega una tienda, un panel de administración y una API en un solo monorepo, para lanzar una tienda real en vez de unir tres proyectos. La tienda Next.js 16 usa App Router con Server Components, Tailwind CSS 4, TanStack Query, Redux Toolkit, Motion y carruseles Embla. El cliente recorre un catálogo con búsqueda y filtros basados en la URL, abre páginas de producto con galerías, variantes, reseñas y productos relacionados, conserva carrito y lista de deseos entre sesiones, completa un pedido, gestiona su cuenta y direcciones, o sigue un pedido como invitado.

El backend NestJS cubre toda la superficie del comercio: productos, categorías, pedidos, carritos, direcciones, reseñas, clientes, personal, roles, secciones de portada y ajustes. Funciona con TypeORM sobre MySQL o SQLite, emite tokens JWT separados para clientes y personal, envía notificaciones en vivo por Socket.io, sube medios a cualquier almacenamiento compatible con S3 como Cloudflare R2, y llena la base de datos con un catálogo realista en un comando.

Tres funciones de IA vienen integradas, no añadidas por encima. El probador virtual muestra una prenda sobre la foto del comprador. El estudio de producto con IA genera imágenes, elimina fondos con cuotas por cuenta y redacta fichas a partir de una imagen. El asistente admin responde sobre tus propios datos mediante un registro de herramientas MCP, con modelos Google Gemini a través del Vercel AI SDK.

La medición de marketing también viene conectada. Google Tag Manager, GA4, el píxel de Meta, TikTok, Snapchat y Pinterest se activan pegando un id en un archivo de entorno, y la tienda reporta todo el embudo a cada tag que actives: vistas de página en cada ruta, vistas de producto, añadir al carrito, lista de deseos, pago iniciado, compra con el total real del pedido, búsqueda y registro. Un id en blanco no carga ningún script, y añadir una séptima red cabe en un solo archivo.

Todo es bilingüe desde el primer commit: inglés y árabe con RTL completo, temas claro y oscuro, branding centralizado en un archivo de configuración por aplicación, formularios con React Hook Form y Zod, y cada dependencia fijada a una versión exacta con lockfiles versionados.