Vídeo de demostración: Plantilla de venta de entradas Next.js con mapas de asientos y QR

Aniq UIPlantillas Next.js
30 de octubre de 2026EventosPremium

Ticketory es una plantilla full-stack de venta de entradas en Next.js: un sitio público con búsqueda de eventos, mapas de asientos en directo con reservas temporales, pago alojado y pases con código QR, un panel del organizador para eventos, mapas de asientos, control de acceso, reembolsos e informes, una API NestJS, herramientas de IA, e inglés y árabe con RTL.

  • event ticketing
  • tickets
  • seat map
  • seat selection
  • qr tickets
  • check-in
  • events
  • organiser dashboard

Acerca de Plantilla de venta de entradas Next.js con mapas de asientos y QR

Ticketory reúne la venta de entradas de un organizador en una sola plantilla full-stack para talleres, charlas y festivales. Un sitio web en Next.js permite a los asistentes encontrar eventos, elegir asientos y conseguir sus entradas, un panel en Next.js permite al organizador crear eventos y mapas de asientos, llevar la puerta, gestionar reembolsos y seguir las ventas, y una API NestJS con TypeORM sirve a ambos, con roles y permisos, notificaciones en directo y un seeder que llena cuatro organizadores de ejemplo con recintos, eventos, pedidos y accesos.

En el sitio web, los asistentes buscan eventos por ciudad, fechas y categoría, abren un evento con su programa y su recinto, y eligen asientos en un mapa en directo que los reserva diez minutos con el reloj del servidor, o un número de plazas en entrada general. El pago los lleva a Stripe Checkout alojado o a PayPal, las entradas gratuitas se saltan el pago por completo, y un pago de prueba ocupa su lugar mientras no haya una clave real. Cada pedido confirmado recibe un pase por entrada con un código QR firmado, un PDF, un archivo de calendario y un correo, y los asistentes con cuenta guardan sus entradas, pedidos y eventos guardados. En el panel, el organizador edita los eventos en inglés y árabe, dibuja mapas de asientos con versiones, asientos accesibles y categorías de precio, escanea las entradas en la puerta con la cámara del dispositivo o un código escrito, reembolsa entradas completas cuando el proveedor lo confirma, exporta pedidos y asistentes a CSV y cambia entre espacios de trabajo que guardan cada uno su moneda, su tarifa y su equipo.

Un asistente de eventos responde preguntas sobre ventas, asientos y la puerta con los propios datos del organizador, con gráficos y preguntas de seguimiento, sobre Google Gemini, OpenAI o DeepSeek con tu propia clave, y un estudio de recintos convierte la foto de un recinto vacío en un concepto de evento con Google Gemini. Los dos frontends se entregan en inglés y árabe con diseño de derecha a izquierda y temas claro, oscuro y del sistema, la API funciona con SQLite o MySQL, y Docker pone en marcha las tres apps con un solo comando, o cada app funciona por separado con Node.js.

Especificaciones Técnicas

Framework

Next.js 16.4.3

Versión de React

React 19.3.1

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.

Pantallas de la demo

  • Ticketing website overview, dark theme

    The home page opens on the headline, a stack of tickets for the next events on sale, the scan-to-check-in card and the figures strip.

  • Events with search, city, date and category filters, dark theme

    Every event on sale as a ticket with its dates, venue and lowest price, a save star on each, searched and filtered by city, date and category.

  • Event page with the booking panel and seat preview, dark theme

    Design Talks with its ticket, agenda and venue, two reserved seats chosen in the booking panel and the room's live seat preview beside them.

  • Seat selection on the live seat map, dark theme

    Two seats picked side by side on Room 3's seat map and held for ten minutes, with the selection, the service fee and the total beside them.

  • Checkout with the held seats and the payment method, dark theme

    The attendee's details already filled in, the payment method and the terms, beside the order summary with the seats and the time left on the hold.

  • Order confirmation with QR passes, dark theme

    The paid order with one pass per seat and its QR code, the order summary, and buttons to download the tickets, open them or add the date to a calendar.

Ver todas las pantallas en la página de la plantilla
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.

Aniq-uiAniq-ui

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.