01 · Diseño
Diseño Responsivo
Diseños para móvil, tableta y escritorio con un solo conjunto de componentes, un menú móvil y zonas táctiles de 44px.
Saber más: Diseño ResponsivoPremium
Plantilla de venta de entradas Next.js con mapas de asientos y control de acceso por QR
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.
Todo incluido
Full Stack
Sitio de venta de entradas + panel del organizador + API NestJS con TypeORM, autenticación y pagos
Precio de lanzamiento · 30% de descuento para los primeros 3 compradores
+ IOF (3,5 %) · Paga con Pix o tarjetaPaga en reales con Pix o tarjeta. Brasil añade un 3,5 % de impuesto IOF al pagar.
Pagos seguros y protegidos con Paddle
- Uso en proyectos comerciales ilimitados. Trabajo para clientes incluido.
- Pago único, actualizaciones gratis
- Factura para empresas con tu NIF o número de IVA
Lo último de Aniq-ui
Síguenos en X- Uso en proyectos comerciales ilimitados. Trabajo para clientes incluido.
- Pago único, actualizaciones gratis
- Factura para empresas con tu NIF o número de IVA
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.
Ticketory es una plantilla full-stack de venta de entradas para talleres, charlas y festivales: un sitio Next.js donde los asistentes encuentran un evento, eligen sus asientos en un mapa en directo y pagan en la propia página de Stripe o PayPal, un panel Next.js donde los organizadores crean eventos y mapas de asientos, validan las entradas en la puerta, gestionan reembolsos y siguen las ventas, y una API NestJS detrás de ambos. Las entradas gratuitas se saltan el pago, cada entrada lleva un código QR y las dos apps funcionan en inglés y árabe con RTL.
El día del organizador
Un panel pensado en torno a las ventas y la puerta
El resumen se abre con el subtotal de entradas, las entradas pagadas, los accesos y las tarifas del periodo elegido, con las ventas de entradas por día, la puerta en directo de la sesión con las puertas abiertas, los próximos eventos con los asientos vendidos frente al aforo y lo que requiere atención.
El paquete
La venta de entradas de un evento en un solo código
Una base conectada para un organizador que vende sus propios eventos, un recinto con programación propia o el proyecto de un cliente de una agencia, con código fuente que puedes personalizar. El paquete full-stack incluye el sitio web, el panel del organizador y la API que los sirve.
Sitio de venta de entradas
- Eventos con búsqueda y filtros por ciudad, fecha y categoría
- Elección de asientos en un mapa en directo, reservados diez minutos
- Pago alojado, pases con QR, entradas en PDF y archivos de calendario
- Cuentas de asistente con entradas, pedidos y eventos guardados
Panel del organizador
- Un resumen de las ventas y de la puerta en directo
- Un editor de eventos y un editor de mapas de asientos
- Control de acceso con la cámara o un código escrito
- Pedidos, reembolsos, informes, equipo, asistente de IA y estudio de recintos
API NestJS
- Inicio de sesión del equipo y de los asistentes, roles y permisos
- Reservas temporales, precios y totales decididos en el servidor
- Stripe y PayPal con webhooks firmados
- Un seeder que llena los eventos, pedidos y puertas de cuatro organizadores
IA para organizadores
Un asistente y un estudio, con tus propias claves
El asistente funciona con Google Gemini, OpenAI o DeepSeek, según las claves que tenga la API, y el estudio de recintos con Google Gemini. Sin clave, cada uno indica que no está configurado y no se factura nada.
Un asistente que responde con gráficos
Pregunta cuántos asientos quedan por evento o cómo fueron las ventas este mes. El asistente responde con los datos del propio espacio de trabajo mediante sus herramientas, limitadas a lo que puede ver quien pregunta, dibuja un gráfico cuando encaja y termina cada respuesta con tres preguntas de seguimiento.
- Gráficos de ingresos, entradas, asientos, proveedores de pago o tipos de entrada
- Recordatorios a los asistentes redactados para que una persona los apruebe, nunca enviados desde el chat
- Conversaciones guardadas con su historial
- Las mismas 15 herramientas abiertas a agentes de código en el endpoint MCP
Un estudio de recintos para imaginar el evento
Sube una foto de un recinto vacío, elige butacas de charla, mesas de taller, puestos de festival o mesas redondas de banquete y una paleta, y Google Gemini prepara la misma sala para el evento. Compárala con la original y guárdala en el recinto.
- Paredes, puertas, suelo, luz y encuadre se mantienen tal cual
- Los intentos de cada miembro se guardan siete días
- Un concepto es una imagen: nunca cambia un mapa de asientos ni lo que está a la venta
Control de acceso
El control de entradas en la puerta
El equipo de la puerta escanea el código QR de una entrada con la cámara del dispositivo, descodificado en el navegador para que ninguna imagen salga de él, o escribe la referencia de la entrada. Primero se comprueba la entrada y se admite en un segundo paso, y la base de datos admite cada entrada una sola vez por sesión, así que dos puertas que la escanean a la vez la dejan pasar una vez.
Cada escaneo recibe una respuesta clara
Una entrada aparece como lista para entrar, ya dentro con la hora y el nombre de quien la dejó pasar, de otra sesión, o anulada.
- El número de accesos hasta ahora y los últimos escaneos
- Alertas de la puerta guardadas hasta que alguien las revisa
- Personal de acceso limitado a las sesiones que tiene asignadas
- Un escaneo repetido tras una conexión caída no admite a nadie dos veces
Encontrar un evento
Cada evento dibujado como una entrada
Los asistentes buscan eventos por título, recinto, ciudad u organizador, los filtran por ciudad, fechas y categoría, y pueden compartir una búsqueda, porque los filtros viven en la dirección. Cada evento se dibuja como una entrada en uno de cuatro colores con su título, fechas, recinto y precio más bajo, y su página reúne las pestañas Información, Programa y Recinto junto al panel de reserva y una vista previa de los asientos de la sala.
Recintos y organizadores con página propia
Cada recinto tiene una página con su dirección, aforo, tipo de asientos, zona horaria, cómo llegar, notas de accesibilidad y su mapa de asientos publicado. Cada organizador tiene también la suya, con una breve presentación y los eventos que tiene a la venta.
- Directorios de todos los recintos y organizadores
- Organizadores verificados marcados con una insignia
- Eventos no listados vendidos por enlace y fuera del catálogo
Mapas de asientos
Asientos reservados para el comprador, nunca vendidos dos veces
En un evento con asientos numerados, el asistente elige sus asientos en el mapa en directo de la sala, y el primer asiento inicia una reserva temporal por el tiempo fijado en el espacio de trabajo, diez minutos en los datos de ejemplo, contado con el reloj del servidor. Los asientos se toman con una actualización condicional en el servidor, así que dos compradores nunca pueden reservar el mismo asiento, y un asiento cuya reserva caduca queda libre al instante.
Un mapa de asientos que todos pueden usar
La disponibilidad se actualiza cada 20 segundos, los asientos accesibles y de acompañante están marcados, y la selección, la tarifa y el total quedan junto al mapa con el tiempo que le queda a la reserva.
- Navegación con teclado de asiento en asiento
- Una vista en lista accesible de los mismos asientos
- Zoom para salas más grandes
- La entrada general reserva un número de plazas
Pago
De un asiento reservado a una entrada con código QR
El pago pide el nombre y el correo del asistente, el método de pago y los términos, y toma cada importe de la reserva, así que el navegador nunca envía un precio. Los invitados compran sin cuenta, y sus pedidos pasan a una cuenta en cuanto alguien se registra con ese correo y lo verifica.
El pago en la página del propio proveedor
El asistente paga en Stripe Checkout alojado o en PayPal, y la API marca el pedido como pagado a partir del webhook firmado del proveedor o preguntándole directamente, así que el sitio nunca muestra un campo de tarjeta.
- Un solo pedido por pago, por muchas veces que se envíe
- Un pago de prueba mientras no haya una clave real, que no mueve dinero
- Un pago tardío por asientos que ya se vendieron nunca sobrevende: se reembolsa entero
- Una tarifa por entrada, un porcentaje que fija cada organizador
Entradas en las que la puerta puede confiar
Un pedido pagado muestra un pase por entrada con su código QR, y ofrece las entradas en PDF, en un archivo de calendario y en un correo que se puede volver a enviar.
- Códigos QR firmados por el servidor, de los que solo se guarda un hash
- El código antiguo de una entrada reemitida deja de funcionar al instante
- Pases mostrados solo cuando la API confirma el pedido pagado
Entradas gratuitas
Las entradas gratuitas se saltan el pago
Cuando todas las entradas de una reserva son gratuitas, el asistente pulsa Get tickets y llega directamente a la confirmación. No se abre ninguna página de pago, ni siquiera el pago de prueba, sean cuales sean las claves, y el pedido recibe igualmente sus pases, sus códigos QR y su correo.
Para el asistente
- El botón Get tickets en lugar de un método de pago
- Los mismos pases, PDF y archivo de calendario
- Como invitado o desde una cuenta
Para el organizador
- Un tipo de entrada a precio cero no lleva tarifa
- Tipos gratuitos y de pago en un mismo evento, como la entrada gratuita para menores de 12 años
- El aforo y el límite por pedido siguen aplicándose
En las cuentas
- Registrados con el proveedor free
- Contados entre los pedidos pagados en los informes, sin sumar nada a los importes
- Anulados en lugar de reembolsados, porque no se pagó nada
Una cuenta para cada asistente
Con la sesión iniciada, los asistentes encuentran sus entradas próximas y pasadas junto a un calendario mensual de sus fechas, cada pedido con su recibo y su historial, los eventos guardados y su perfil.
- Registro confirmado con un código de seis dígitos por correo
- Los pedidos como invitado pasan a la cuenta al verificar el correo
- Una contraseña olvidada se restablece con un enlace por correo
Crear un evento
De un borrador a un evento a la venta
Los eventos están en las pestañas Todos, Publicados, Borradores y Finalizados, con los asientos vendidos frente al aforo, los ingresos y el estado en cada fila, y los recintos aparecen con su aforo y su tipo de asientos y marcados en un mapa real.
Un editor de eventos en dos idiomas
Título, resumen y descripción en inglés y árabe, una categoría, un recinto, un color de entrada, asientos numerados o entrada general, las fechas en la zona horaria del evento, un programa y hasta diez tipos de entrada, con una vista previa de la entrada en directo y una lista de lo que aún falta para publicar.
- El precio de un tipo de entrada se bloquea en cuanto se vende
- Dos personas que editan a la vez nunca se sobrescriben
- Cancelar detiene al instante las ventas y la puerta, y escribe a cada pedido pagado
- Público, o no listado y vendido por enlace
Mapas de asientos con versiones
El mapa de un recinto es una cuadrícula de filas y asientos con pasillos, y cada asiento puede marcarse como accesible, de acompañante o desactivado y recibir una categoría de precio. Un borrador se edita libremente, y una versión publicada ya no cambia nunca, así que los asientos vendidos siguen apuntando a ella.
- Hasta 40 filas de 60 asientos
- Nunca más asientos que el aforo del recinto
- Cada asiento se vende como el tipo de entrada de su categoría de precio
Pedidos y reembolsos
Pedidos y reembolsos que confirma el proveedor
Cada pedido con su cliente, evento, entradas, total, proveedor de pago y estado, contado por estado, filtrado por evento y proveedor, y exportado a CSV.
Reembolsos de entradas completas
El equipo elige las entradas que reembolsar y un motivo, y el servidor calcula el importe: el precio de cada entrada más su tarifa. Las entradas se suspenden al instante, así que nadie entra con ellas, y se anulan cuando el proveedor lo confirma, lo que vuelve a poner sus asientos o plazas a la venta salvo que el titular ya haya entrado.
- Pendiente hasta que Stripe o PayPal lo confirma
- Un reembolso fallido se reintenta con la misma clave, así que nunca se paga dos veces
- El acceso se devuelve si el equipo desiste del reembolso
- Cada paso queda en el registro de auditoría
Informes sacados de los propios pedidos
El subtotal de entradas, las tarifas, el dinero cobrado y reembolsado de un periodo, un evento o todos, con las ventas por día y el reparto por evento, proveedor de pago y categoría, contados en los días del propio espacio de trabajo.
- Un solo servicio detrás del resumen, los informes, los CSV y el asistente, así que nunca discrepan
- Exportaciones CSV de pedidos y asistentes, escritas en segundo plano
- Enlaces de descarga que caducan a la hora
Notificaciones en el momento
Los pedidos pagados, las solicitudes de reembolso, las alertas de la puerta y los mensajes del formulario de contacto del sitio llegan a la campana por un WebSocket, y cada consulta se guarda con su estado y las notas del equipo.
- Notificaciones de pedidos, reembolsos y puerta activadas o no por espacio de trabajo
- Una paleta de búsqueda para páginas, eventos, pedidos, recintos y consultas
- Consultas marcadas como nuevas, contactadas o cerradas
Espacios de trabajo
Varios organizadores en un solo panel
Cada organizador es un espacio de trabajo con su moneda, su tarifa, su tiempo de reserva y su zona horaria, y con sus propios eventos, recintos, pedidos, puertas y equipo. Un miembro cambia de espacio desde la barra de navegación, y el seeder llena cuatro, así que cada pantalla se abre llena.
Ajustes propios de cada organizador
El nombre del espacio de trabajo, el correo de soporte, la moneda, la zona horaria y la tarifa, el estado de cada proveedor de pago, los permisos del equipo y las notificaciones que quiere recibir.
- Cinco monedas, bloqueadas en cuanto se paga el primer pedido
- Una tarifa del 0 al 20 por ciento
- Tu propio perfil y tu contraseña
Roles ajustados permiso por permiso
Los roles Owner, Manager, Finance y Check-in vienen incluidos, y cada rol se edita permiso por permiso. Las páginas y las acciones siguen los permisos del miembro conectado, y la API comprueba los mismos.
- Finance ve el resumen, los pedidos, los reembolsos y los informes
- Check-in solo ve la puerta
- Nuevos roles creados desde el panel
Bilingüe
Inglés y árabe, en las dos direcciones
Cada pantalla del sitio y del panel está escrita en los dos idiomas y se invierte para el árabe. Los eventos se guardan con su título, resumen y descripción en ambos, y las cifras se mantienen en dígitos latinos.
Adaptable
Hecho para el móvil del asistente, y para la puerta
Las páginas de evento, la elección de asientos y el pago caben en una pantalla estrecha, y el control de acceso del panel funciona en un móvil en la entrada.
Lo que recibes
Todo para ponerlo en marcha, no solo las pantallas
El código fuente de las tres apps, los datos para empezar y la documentación para ir más allá.
Código fuente
- El sitio web, el panel del organizador y la API
- TypeScript en todo, con dependencias fijadas a versiones exactas
- Una licencia comercial para proyectos ilimitados
Datos
- Un seeder con cuatro organizadores, 9 recintos y 36 eventos
- 1145 pedidos, 2180 entradas válidas y 1127 accesos
- Cuatro cuentas de equipo, una por rol, y un asistente
Docs y modo demo
- Docker con un solo comando, o cada app con Node.js
- Una guía de inicio por app y una guía por módulo de la API
- Un modo demo para vistas públicas, desactivado por defecto y eliminado con un comando en cada app
Por dentro
Construye sobre una base full-stack conocida
Next.js 16, React 19, TypeScript, Tailwind CSS 4 y un backend NestJS modular.
Frontend
- Next.js 16 App Router, React 19, TypeScript
- Tailwind CSS 4
- TanStack Query para los datos de la API
- React Hook Form y Zod para los formularios
- next-intl, MapLibre y Recharts
Backend
- NestJS con un módulo por dominio
- TypeORM con SQLite, o MySQL por configuración
- Autenticación JWT con roles y permisos
- Socket.io para las notificaciones en directo
- Un servidor MCP protegido por una clave de API
Buscadores y medios
- Títulos de página, enlaces canónicos y alternativas hreflang
- Un sitemap y reglas robots
- El panel fuera de los buscadores
- Subidas a una carpeta local o a un bucket de Cloudflare R2
Antes de lanzar
Lo que configuras tú
Ticketory es una plantilla de código fuente, no un servicio de venta de entradas gestionado. Configura tu alojamiento, tu base de datos, el almacenamiento de medios, tus cuentas de pago y los servicios externos que decidas usar.
Alojamiento y datos
- Un alojamiento Node o Docker para la API y las dos apps Next.js
- SQLite en un disco persistente, o MySQL
- Una carpeta persistente o un bucket R2 para las subidas
Pagos, correo e IA
- Tus propias cuentas de Stripe y PayPal
- Una clave de Resend para los correos, que hasta entonces van al registro de la API
- Tus propias claves de IA; las tarifas de proveedores y pagos no están incluidas
No incluido
- Los impuestos, que configuras para tu país
- Correos de novedades y ofertas a los asistentes
- Control de acceso sin conexión
- Texto árabe en las entradas PDF, solo en caracteres latinos; la entrada en árabe es el pase web
Ideal para
Vende las entradas de tus eventos con Ticketory
Organizadores de talleres y clasesCiclos de charlas y congresosFestivales, mercados y feriasRecintos con asientos numeradosAgencias que crean un sitio de eventosEventos bilingües con árabe y RTL
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.
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 proyectos comerciales ilimitados, incluido el trabajo que entregues a tus clientes.
- ¿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 24 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.
Precios
Elige tu paquete
Un solo pago por el código fuente completo, tuyo para modificarlo y publicarlo.
Todo incluido
Full Stack
Sitio de venta de entradas + panel del organizador + API NestJS con TypeORM, autenticación y pagos
Qué incluye
- Sitio de venta de entradas$55.30R$277.90
- Panel del organizador$69.30R$347.90
- API Backend$69.30R$347.90
Comprado por separado$193.90R$973.70
Ahorras$68.60R$345.80
Precio de lanzamiento · 30% de descuento
O compra una sola parte
Sitio de venta de entradas
El sitio de venta de entradas Next.js 16 por separado. Lee sus datos de la API de Ticketory, que se vende aparte como API Backend o junto con todo en Full Stack.
Precio de lanzamiento · 30% de descuento
Panel del organizador
El panel del organizador Next.js 16 por separado. Lee sus datos de la API de Ticketory, que se vende aparte como API Backend o junto con todo en Full Stack.
Precio de lanzamiento · 30% de descuento
API Backend
La API NestJS por separado, con TypeORM, auth JWT, eventos, reservas de asientos, pagos, entradas, control de acceso, reembolsos, informes, herramientas MCP y un seeder de un solo comando
Precio de lanzamiento · 30% de descuento
Pagos seguros y protegidos con Paddle
Recibirás un recibo con IVA por correo electrónico después de la compra.
Plantilla de venta de entradas Next.js con mapas de asientos y control de acceso por QR
Full Stack
$125.30 $179R$627.90 R$897
$125.30$179R$627.90R$897
Plantillas Relacionadas
Restaurante
Restaurante
Full Stack
Nuevo
IA
Food Studio es una plantilla de restaurante Next.js full-stack: un sitio de pedidos con carta, combos, carrito, pago y seguimiento de pedidos, un panel para el equipo con pedidos, carta y cocinas, una API NestJS, herramientas de IA para las fotos de los platos, e inglés y árabe con RTL.
Sitio de pedidos para restaurantes
Restaurante
Sitio de pedidos
Nuevo
IA
Un sitio de pedidos para restaurantes en Next.js 16 con menú, combos, creador de comidas, carrito, pago, seguimiento de pedidos y cuentas de cliente, en inglés y árabe.
Panel de administración para restaurantes
Restaurante
Panel del equipo
Nuevo
IA
Un panel de administración para restaurantes en Next.js 16 para gestionar pedidos, el menú, categorías, clientes, cocinas y el equipo, con un estudio de IA para fotos de platos, en inglés y árabe.
Boletín
Recibe un aviso cuando salga una nueva plantilla
Sé el primero en saber cuándo se publica una nueva plantilla.
- Nuevas plantillas publicadas
- Mira lo que se está creando y vota
- Lanzamientos gratuitos y premium
- Cancela la suscripción con un clic
Ventajas técnicas
Hechas para cada pantalla y cada usuario
Cada plantilla premium es responsiva, accesible, rápida y tipada desde el primer commit, para que tu lanzamiento parta de código listo para producción.
Saber más: Diseño Responsivo02 · Inclusiva
Accesibilidad
HTML semántico, controles etiquetados, un anillo de foco visible con el teclado y soporte para movimiento reducido.
Saber más: Accesibilidad03 · Velocidad
Alto Rendimiento
Imágenes y fuentes optimizadas, datos en caché y metadatos en cada ruta.
Saber más: Alto Rendimiento04 · Tipos
Soporte TypeScript
TypeScript estricto en cada aplicación, con props, respuestas de API y modelos de datos tipados.
Saber más: Soporte TypeScriptCaracterísticas de Nivel Empresarial Incluidas
Experiencia del Desarrollador
- TypeScript 5.0+ con verificación estricta de tipos
- Arquitectura de componentes de servidor y cliente
- Guía de inicio rápido y documentación de funciones
UX y Rendimiento
- 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
- Soporte incluido con su compra
- Actualizaciones regulares de seguridad y framework
- Estructura semántica optimizada para 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.