01 · Mise en page
Design Responsive
Des mises en page mobile, tablette et bureau à partir d'un seul jeu de composants, avec un menu mobile et des zones tactiles de 44px.
En savoir plus: Design ResponsivePremium
Template de billetterie Next.js avec plans de salle et contrôle par QR code
Ticketory est un template de billetterie Next.js full-stack : un site public avec recherche d'événements, plans de salle en direct avec places mises de côté, paiement hébergé et billets à QR code, un dashboard organisateur pour les événements, les plans de salle, le contrôle à l'entrée, les remboursements et les rapports, une API NestJS, des outils IA, et l'anglais et l'arabe avec RTL.
Tout inclus
Full Stack
Site de billetterie + dashboard organisateur + API NestJS avec TypeORM, authentification et paiements
Prix de lancement · 30% de réduction pour les 3 premiers acheteurs
+ IOF (3,5 %) · Payez par Pix ou cartePayez en reais par Pix ou carte. Le Brésil ajoute 3,5 % de taxe IOF au paiement.
Paiements sûrs et sécurisés par Paddle
- Utilisation dans un nombre illimité de projets commerciaux. Travail client inclus.
- Paiement unique, mises à jour gratuites
- Facture professionnelle avec votre numéro de TVA
Du nouveau chez Aniq-ui
Suivre sur X- Utilisation dans un nombre illimité de projets commerciaux. Travail client inclus.
- Paiement unique, mises à jour gratuites
- Facture professionnelle avec votre numéro de TVA
Ticketory est un template de billetterie Next.js full-stack : un site public avec recherche d'événements, plans de salle en direct avec places mises de côté, paiement hébergé et billets à QR code, un dashboard organisateur pour les événements, les plans de salle, le contrôle à l'entrée, les remboursements et les rapports, une API NestJS, des outils IA, et l'anglais et l'arabe avec RTL.
Ticketory est un template de billetterie full-stack pour les ateliers, les conférences et les festivals : un site Next.js où les participants trouvent un événement, choisissent leurs places sur un plan de salle en direct et paient sur la page de Stripe ou de PayPal, un dashboard Next.js où les organisateurs créent les événements et les plans de salle, contrôlent les billets à l'entrée, gèrent les remboursements et suivent les ventes, et une API NestJS derrière les deux. Les billets gratuits sautent le paiement, chaque billet porte un QR code, et les deux apps fonctionnent en anglais et en arabe avec RTL.
La journée de l'organisateur
Un dashboard pensé autour des ventes et de l'entrée
La vue d'ensemble s'ouvre sur le sous-total des billets, les billets payés, les entrées et les frais de la période choisie, avec les ventes de billets par jour, l'entrée en direct de la séance dont les portes sont ouvertes, les prochains événements avec les places vendues face à la capacité, et ce qui demande votre attention.
Le pack
La billetterie d'un événement dans une seule base de code
Une base connectée pour un organisateur qui vend ses propres événements, un lieu avec sa propre programmation ou le projet client d'une agence, avec un code source que vous pouvez personnaliser. Le pack full-stack comprend le site, le dashboard organisateur et l'API qui les sert.
Site de billetterie
- Événements avec recherche et filtres par ville, date et catégorie
- Choix des places sur un plan en direct, mises de côté dix minutes
- Paiement hébergé, billets à QR code, PDF et fichiers d'agenda
- Comptes participants avec billets, commandes et événements enregistrés
Dashboard organisateur
- Une vue d'ensemble des ventes et de l'entrée en direct
- Un éditeur d'événements et un éditeur de plans de salle
- Contrôle des billets par caméra ou code saisi
- Commandes, remboursements, rapports, équipe, assistant IA et studio des lieux
API NestJS
- Connexion de l'équipe et des participants, rôles et permissions
- Mises de côté, prix et totaux décidés par le serveur
- Stripe et PayPal avec webhooks signés
- Un seeder qui remplit les événements, commandes et entrées de quatre organisateurs
L'IA pour les organisateurs
Un assistant et un studio, avec vos propres clés
L'assistant fonctionne avec Google Gemini, OpenAI ou DeepSeek, selon les clés présentes dans l'API, et le studio des lieux avec Google Gemini. Sans clé, chacun indique qu'il n'est pas configuré, et rien n'est facturé.
Un assistant qui répond avec des graphiques
Demandez combien de places restent par événement ou comment se sont passées les ventes ce mois-ci. L'assistant répond à partir des données de l'espace de travail grâce à ses outils, limités à ce que la personne qui demande a le droit de voir, trace un graphique quand il convient, et termine chaque réponse par trois questions de suivi.
- Des graphiques du chiffre d'affaires, des billets, des places, des prestataires ou des types de billets
- Des rappels aux participants rédigés pour validation, jamais envoyés depuis la conversation
- Des conversations enregistrées avec leur historique
- Les mêmes 15 outils ouverts aux agents de code via le point d'accès MCP
Un studio des lieux pour imaginer l'événement
Chargez la photo d'un lieu vide, choisissez une disposition conférence, tables d'atelier, stands de festival ou tables rondes de banquet ainsi qu'une palette, et Google Gemini aménage la même salle pour l'événement. Comparez avec l'original, puis enregistrez-la sur le lieu.
- Murs, portes, sol, lumière et cadrage conservés tels quels
- Les essais de chaque membre conservés sept jours
- Un concept est une image : il ne change jamais un plan de salle ni ce qui est en vente
Contrôle à l'entrée
Le contrôle des billets à l'entrée
L'équipe à l'entrée scanne le QR code d'un billet avec la caméra de l'appareil, décodé dans le navigateur pour qu'aucune image n'en sorte, ou saisit la référence du billet. Un billet est d'abord vérifié puis admis à une seconde étape, et la base de données n'admet chaque billet qu'une fois par séance, si bien que deux entrées qui le scannent au même instant ne le laissent passer qu'une fois.
Chaque scan reçoit une réponse claire
Un billet apparaît comme prêt à entrer, déjà entré avec l'heure et le nom de la personne qui l'a fait passer, prévu pour une autre séance, ou annulé.
- Le nombre d'entrées jusqu'ici et les derniers scans
- Des alertes d'entrée conservées jusqu'à ce que quelqu'un les consulte
- Une équipe d'accueil limitée aux séances qui lui sont attribuées
- Un scan renvoyé après une coupure n'admet personne deux fois
Trouver un événement
Chaque événement dessiné comme un billet
Les participants cherchent les événements par titre, lieu, ville ou organisateur, les filtrent par ville, dates et catégorie, et peuvent partager une recherche, car les filtres vivent dans l'adresse. Chaque événement est dessiné comme un billet dans l'une de quatre couleurs avec son titre, ses dates, son lieu et son prix le plus bas, et sa page réunit les onglets À propos, Programme et Lieu à côté du panneau de réservation et d'un aperçu des places de la salle.
Des lieux et des organisateurs avec leur propre page
Chaque lieu a une page avec son adresse, sa capacité, son type de placement, son fuseau horaire, l'accès, les informations d'accessibilité et son plan de salle publié. Chaque organisateur a aussi la sienne, avec une courte présentation et les événements qu'il a en vente.
- Des annuaires de tous les lieux et organisateurs
- Les organisateurs vérifiés signalés par un badge
- Des événements non répertoriés vendus par lien, hors du catalogue
Plans de salle
Des places mises de côté pour l'acheteur, jamais vendues deux fois
Pour un événement en placement numéroté, le participant choisit ses places sur le plan en direct de la salle, et la première place lance une mise de côté pour la durée fixée par l'espace de travail, dix minutes dans les données de démonstration, décomptée sur l'horloge du serveur. Les places sont prises par une mise à jour conditionnelle sur le serveur, si bien que deux acheteurs ne peuvent jamais tenir la même place, et une place dont le délai expire redevient libre aussitôt.
Un plan de salle utilisable par tous
La disponibilité se met à jour toutes les 20 secondes, les places accessibles et accompagnateur sont signalées, et la sélection, les frais et le total restent à côté du plan avec le temps restant.
- Navigation au clavier d'une place à l'autre
- Une vue en liste accessible des mêmes places
- Un zoom pour les grandes salles
- Le placement libre met de côté un nombre de places
Paiement
D'une place mise de côté à un billet avec QR code
Le paiement demande le nom et l'e-mail du participant, le moyen de paiement et l'acceptation des conditions, et reprend chaque montant de la mise de côté, si bien que le navigateur n'envoie jamais de prix. Les visiteurs achètent sans compte, et leurs commandes rejoignent un compte dès qu'une personne s'inscrit avec cet e-mail et le vérifie.
Le paiement sur la page du prestataire
Le participant paie sur Stripe Checkout hébergé ou sur PayPal, et l'API marque la commande payée à partir du webhook signé du prestataire ou en l'interrogeant directement, si bien que le site n'affiche jamais de champ de carte.
- Une seule commande par paiement, quel que soit le nombre d'envois
- Un paiement test tant qu'aucune clé live n'est définie, sans mouvement d'argent
- Un paiement tardif pour des places parties ailleurs ne survend jamais : il est remboursé en entier
- Des frais de réservation par billet, un pourcentage fixé par chaque organisateur
Des billets fiables à l'entrée
Une commande payée affiche un billet par place avec son QR code, et propose les billets en PDF, en fichier d'agenda et par e-mail, renvoyable à la demande.
- Des QR codes signés par le serveur, dont seule l'empreinte est stockée
- L'ancien code d'un billet réémis cesse de fonctionner aussitôt
- Des billets affichés seulement quand l'API confirme la commande payée
Billets gratuits
Les billets gratuits sautent le paiement
Quand tous les billets d'une mise de côté sont gratuits, le participant appuie sur Get tickets et arrive directement à la confirmation. Aucune page de paiement ne s'ouvre, pas même le paiement test, quelles que soient les clés définies, et la commande reçoit quand même ses billets, ses QR codes et son e-mail.
Pour le participant
- Le bouton Get tickets à la place d'un moyen de paiement
- Les mêmes billets, le même PDF et le même fichier d'agenda
- En visiteur ou depuis un compte
Pour l'organisateur
- Un type de billet à prix zéro ne porte aucuns frais
- Des types gratuits et payants sur un même événement, comme l'entrée gratuite des moins de 12 ans
- La capacité et la limite par commande s'appliquent toujours
Dans les comptes
- Enregistrés avec le prestataire free
- Comptés parmi les commandes payées dans les rapports, sans rien ajouter aux montants
- Annulés plutôt que remboursés, puisque rien n'a été payé
Un compte pour chaque participant
Une fois connectés, les participants retrouvent leurs billets à venir et passés à côté d'un calendrier mensuel de leurs dates, chaque commande avec son reçu et son historique, les événements enregistrés et leur profil.
- Inscription confirmée par un code à six chiffres envoyé par e-mail
- Les commandes passées en visiteur rejointes au compte une fois l'e-mail vérifié
- Un mot de passe oublié réinitialisé par un lien envoyé par e-mail
Créer un événement
D'un brouillon à un événement en vente
Les événements sont rangés dans les onglets Tous, Publiés, Brouillons et Terminés, avec les places vendues face à la capacité, le chiffre d'affaires et le statut sur chaque ligne, et les lieux sont listés avec leur capacité et leur type de placement et placés sur une vraie carte.
Un éditeur d'événements en deux langues
Titre, résumé et description en anglais et en arabe, une catégorie, un lieu, une couleur de billet, placement numéroté ou libre, les dates dans le fuseau horaire de l'événement, un programme et jusqu'à dix types de billets, avec un aperçu du billet en direct et une liste de ce qu'il manque encore pour publier.
- Le prix d'un type de billet se verrouille dès la première vente
- Deux personnes qui modifient en même temps ne s'écrasent jamais
- L'annulation arrête aussitôt les ventes et l'entrée, et écrit à chaque commande payée
- Public, ou non répertorié et vendu par lien
Des plans de salle versionnés
Le plan d'un lieu est une grille de rangées et de places avec des allées, et chaque place peut être marquée accessible, accompagnateur ou désactivée et recevoir une catégorie de prix. Un brouillon se modifie librement, et une version publiée ne change plus jamais, si bien que les places déjà vendues continuent d'y renvoyer.
- Jusqu'à 40 rangées de 60 places
- Jamais plus de places que la capacité du lieu
- Chaque place vendue selon le type de billet de sa catégorie de prix
Commandes et remboursements
Des commandes et des remboursements confirmés par le prestataire
Chaque commande avec son client, son événement, ses billets, son total, son prestataire de paiement et son statut, comptée par statut, filtrée par événement et par prestataire, et exportée en CSV.
Des remboursements par billet entier
L'équipe choisit les billets à rembourser et un motif, et le serveur calcule le montant : le prix de chaque billet plus ses frais. Les billets sont suspendus aussitôt, si bien que personne n'entre avec, et annulés quand le prestataire confirme, ce qui remet leurs places en vente, sauf si le porteur est déjà entré.
- En attente jusqu'à la confirmation de Stripe ou PayPal
- Un remboursement échoué relancé avec la même clé, donc jamais payé deux fois
- L'accès rendu si l'équipe renonce au remboursement
- Chaque étape inscrite au journal d'audit
Des rapports tirés des commandes elles-mêmes
Le sous-total des billets, les frais, l'argent encaissé et remboursé pour une période, un événement ou tous, avec les ventes par jour et la répartition par événement, prestataire de paiement et catégorie, comptées selon les jours de l'espace de travail.
- Un seul service derrière la vue d'ensemble, les rapports, les CSV et l'assistant, donc jamais de désaccord
- Des exports CSV des commandes et des participants, écrits en arrière-plan
- Des liens de téléchargement qui expirent au bout d'une heure
Des notifications en temps réel
Les commandes payées, les demandes de remboursement, les alertes d'entrée et les messages du formulaire de contact du site arrivent dans la cloche via un WebSocket, et chaque demande est conservée avec son statut et les notes de l'équipe.
- Notifications de commandes, de remboursements et d'entrée activées ou non par espace de travail
- Une palette de recherche pour les pages, événements, commandes, lieux et demandes
- Des demandes marquées nouvelles, contactées ou closes
Espaces de travail
Plusieurs organisateurs dans un seul dashboard
Chaque organisateur est un espace de travail avec sa devise, ses frais de réservation, sa durée de mise de côté et son fuseau horaire, et ses propres événements, lieux, commandes, entrées et équipe. Un membre passe d'un espace à l'autre depuis la barre de navigation, et le seeder en remplit quatre, si bien que chaque écran s'ouvre plein.
Des réglages propres à chaque organisateur
Le nom de l'espace de travail, l'e-mail d'assistance, la devise, le fuseau horaire et les frais de réservation, l'état de chaque prestataire de paiement, les permissions de l'équipe et les notifications souhaitées.
- Cinq devises, verrouillées dès la première commande payée
- Des frais de réservation de 0 à 20 pour cent
- Votre propre profil et votre mot de passe
Des rôles réglés permission par permission
Les rôles Owner, Manager, Finance et Check-in sont fournis, et chaque rôle se règle permission par permission. Les pages et les actions suivent les permissions du membre connecté, et l'API vérifie les mêmes.
- Finance voit la vue d'ensemble, les commandes, les remboursements et les rapports
- Check-in ne voit que l'entrée
- De nouveaux rôles créés depuis le dashboard
Bilingue
L'anglais et l'arabe, dans les deux sens
Chaque écran du site et du dashboard est écrit dans les deux langues et s'inverse pour l'arabe. Les événements sont enregistrés avec leur titre, leur résumé et leur description dans les deux, et les chiffres restent en chiffres latins.
Responsive
Pensé pour le téléphone du participant, et pour l'entrée
Les pages d'événement, le choix des places et le paiement tiennent sur un écran étroit, et le contrôle des billets du dashboard fonctionne sur un téléphone tenu à l'entrée.
Ce que vous recevez
Tout pour le faire tourner, pas seulement les écrans
Le code source des trois apps, les données pour démarrer et la documentation pour aller plus loin.
Code source
- Le site, le dashboard organisateur et l'API
- TypeScript partout, avec des dépendances aux versions exactes
- Une licence commerciale pour des projets illimités
Données
- Un seeder avec quatre organisateurs, 9 lieux et 36 événements
- 1 145 commandes, 2 180 billets valides et 1 127 entrées
- Quatre comptes d'équipe, un par rôle, et un participant
Docs et mode démo
- Docker en une commande, ou chaque app avec Node.js
- Un guide de démarrage par app et un guide par module de l'API
- Un mode démo pour les aperçus publics, désactivé par défaut et supprimé en une commande dans chaque app
Sous le capot
Construisez sur une base full-stack familière
Next.js 16, React 19, TypeScript, Tailwind CSS 4 et un backend NestJS modulaire.
Frontend
- Next.js 16 App Router, React 19, TypeScript
- Tailwind CSS 4
- TanStack Query pour les données de l'API
- React Hook Form et Zod pour les formulaires
- next-intl, MapLibre et Recharts
Backend
- NestJS avec un module par domaine
- TypeORM avec SQLite, ou MySQL par configuration
- Authentification JWT avec rôles et permissions
- Socket.io pour les notifications en direct
- Un serveur MCP protégé par une clé d'API
Référencement et médias
- Titres de page, liens canoniques et alternatives hreflang
- Un sitemap et des règles robots
- Le dashboard tenu à l'écart des moteurs de recherche
- Envois vers un dossier local ou un bucket Cloudflare R2
Avant le lancement
Ce que vous configurez vous-même
Ticketory est un template de code source, pas un service de billetterie géré. Configurez votre hébergement, votre base de données, le stockage des médias, vos comptes de paiement et les services externes que vous choisissez d'utiliser.
Hébergement et données
- Un hébergement Node ou Docker pour l'API et les deux apps Next.js
- SQLite sur un disque persistant, ou MySQL
- Un dossier persistant ou un bucket R2 pour les envois
Paiements, e-mails et IA
- Vos propres comptes Stripe et PayPal
- Une clé Resend pour les e-mails, écrits dans le journal de l'API d'ici là
- Vos propres clés d'IA ; les frais des prestataires et des paiements ne sont pas inclus
Non inclus
- Les taxes, à configurer pour votre pays
- Les e-mails de nouveautés et d'offres aux participants
- Le contrôle des billets sans connexion
- Le texte arabe dans les billets PDF, uniquement en caractères latins ; le billet arabe est le billet web
Idéal pour
Vendez les billets de vos événements avec Ticketory
Organisateurs d'ateliers et de coursCycles de conférences et congrèsFestivals, marchés et foiresLieux avec placement numérotéAgences qui créent un site d'événementsÉvénements bilingues avec l'arabe et le RTL
Spécifications Techniques
Framework
Next.js 16.4.3
Version de React
React 19.3.1
Style
Tailwind CSS 4.3.3
TypeScript
Oui
Responsive
Mobile, Tablette, Bureau
Période de Support
Lifetime Inclus
Conseil Pro: Tous les modèles incluent une documentation complète pour vous aider à démarrer rapidement.
Questions fréquentes
- Qu'est-ce que je reçois en achetant ce template ?
- Le code source complet du pack choisi, téléchargé depuis votre tableau de bord personnel juste après le paiement. Une facture professionnelle est disponible pour chaque achat.
- Puis-je l'utiliser pour des projets clients et commerciaux ?
- Oui. Chaque template payant inclut une licence Commerciale qui couvre un nombre illimité de projets commerciaux, y compris le travail livré à vos clients.
- Ai-je droit aux mises à jour après l'achat ?
- Oui. Les mises à jour sont gratuites. Les nouvelles versions apparaissent dans votre tableau de bord, où vous pouvez retélécharger vos fichiers à tout moment.
- Le support est-il inclus ?
- Oui. L'assistant de cette page répond en quelques secondes, et le support par e-mail est inclus avec chaque achat, à l'adresse support@aniq-ui.com, avec une réponse sous 24 heures.
- Puis-je l'essayer avant d'acheter ?
- Oui. Ce template a une démo complète en ligne, liée en haut de cette page, pour parcourir la vraie version avant de décider.
Tarifs
Choisissez votre formule
Un seul paiement pour le code source complet, à modifier et déployer librement.
Tout inclus
Full Stack
Site de billetterie + dashboard organisateur + API NestJS avec TypeORM, authentification et paiements
Ce qui est inclus
- Site de billetterie$55.30R$277.90
- Dashboard organisateur$69.30R$347.90
- API Backend$69.30R$347.90
Acheté séparément$193.90R$973.70
Vous économisez$68.60R$345.80
Prix de lancement · 30% de réduction
Ou achetez une seule partie
Site de billetterie
Le site de billetterie Next.js 16 seul. Il lit ses données depuis l'API Ticketory, vendue séparément comme API Backend ou avec l'ensemble dans Full Stack.
Prix de lancement · 30% de réduction
Dashboard organisateur
Le dashboard organisateur Next.js 16 seul. Il lit ses données depuis l'API Ticketory, vendue séparément comme API Backend ou avec l'ensemble dans Full Stack.
Prix de lancement · 30% de réduction
API Backend
L'API NestJS seule, avec TypeORM, l'auth JWT, les événements, les places mises de côté, les paiements, les billets, le contrôle à l'entrée, les remboursements, les rapports, les outils MCP et un seeder en une commande
Prix de lancement · 30% de réduction
Paiements sûrs et sécurisés par Paddle
Un reçu de TVA vous est envoyé par e-mail après l'achat.
Template de billetterie Next.js avec plans de salle et contrôle par QR code
Full Stack
$125.30 $179R$627.90 R$897
$125.30$179R$627.90R$897
Modèles Associés
Restaurant
Restaurant
Full Stack
Nouveau
IA
Food Studio est un template restaurant Next.js full-stack : un site de commande avec la carte, les menus, le panier, le paiement et le suivi de commande, un dashboard d'équipe pour les commandes, la carte et les cuisines, une API NestJS, des outils IA pour les photos de plats, et l'anglais et l'arabe avec RTL.
Site de commande restaurant
Restaurant
Site de commande
Nouveau
IA
Un site de commande pour restaurant en Next.js 16 avec menu, formules, composeur de repas, panier, paiement, suivi de commande et comptes clients, en anglais et en arabe.
Dashboard admin restaurant
Restaurant
Dashboard d'équipe
Nouveau
IA
Un dashboard d'administration pour restaurant en Next.js 16 pour gérer les commandes, le menu, les catégories, les clients, les cuisines et l'équipe, avec un studio IA pour les photos de plats, en anglais et en arabe.
Newsletter
Soyez prévenu quand un nouveau template sort
Soyez le premier informé de la sortie d'un nouveau template.
- Nouveaux templates publiés
- Voyez ce qui se prépare et votez
- Sorties gratuites et premium
- Désinscription en un clic
Avantages techniques
Conçus pour chaque écran et chaque utilisateur
Chaque template premium est responsive, accessible, rapide et typé dès le premier commit, pour lancer votre projet sur un code prêt pour la production.
En savoir plus: Design Responsive02 · Inclusif
Accessibilité
HTML sémantique, contrôles étiquetés, anneau de focus visible au clavier et prise en charge du mouvement réduit.
En savoir plus: Accessibilité03 · Vitesse
Haute Performance
Images et polices optimisées, données en cache et métadonnées sur chaque route.
En savoir plus: Haute Performance04 · Types
Support TypeScript
TypeScript strict dans chaque application, avec des props, des réponses d'API et des modèles de données typés.
En savoir plus: Support TypeScriptFonctionnalités de Niveau Entreprise Incluses
Expérience Développeur
- TypeScript 5.0+ avec vérification stricte des types
- Architecture de composants serveur et client
- Guide de démarrage rapide et documentation des fonctionnalités
UX et Performance
- Système de design responsive mobile-first
- Balisage accessible avec ARIA et navigation au clavier
- Rendu rapide grâce aux composants serveur et aux ressources optimisées
Maintenance et Support
- Support inclus avec votre achat
- Mises à jour régulières de sécurité et du framework
- Structure sémantique optimisée pour le SEO
Communauté Mondiale d'Utilisateurs
Rejoignez des milliers de développeurs à travers le monde qui font confiance à Aniq-UI pour leurs projets. Nos modèles sont utilisés partout dans le monde pour créer des expériences web impressionnantes.
Préférences des Cookies
Nous utilisons des cookies pour améliorer votre expérience de navigation, analyser le trafic du site et personnaliser le contenu. En cliquant sur "Accepter Tout", vous consentez à notre utilisation des cookies pour l'analyse et la publicité personnalisée.