Vidéo de démonstration : Template de billetterie Next.js : plans de salle et contrôle 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.
- event ticketing
- tickets
- seat map
- seat selection
- qr tickets
- check-in
- events
- organiser dashboard
À propos de Template de billetterie Next.js : plans de salle et contrôle QR code
Ticketory réunit la billetterie d'un organisateur dans un seul template full-stack pour les ateliers, les conférences et les festivals. Un site Next.js permet aux participants de trouver les événements, de choisir leurs places et d'obtenir leurs billets, un dashboard Next.js permet à l'organisateur de créer les événements et les plans de salle, de gérer l'entrée, les remboursements et le suivi des ventes, et une API NestJS avec TypeORM sert les deux, avec rôles et permissions, notifications en direct et un seeder qui remplit quatre organisateurs d'exemple avec leurs lieux, événements, commandes et entrées.
Sur le site, les participants cherchent les événements par ville, dates et catégorie, ouvrent un événement avec son programme et son lieu, et choisissent leurs places sur un plan de salle en direct qui les met de côté dix minutes sur l'horloge du serveur, ou un nombre de places en placement libre. Le paiement les envoie sur Stripe Checkout hébergé ou sur PayPal, les billets gratuits sautent complètement le paiement, et un paiement test prend le relais tant qu'aucune clé live n'est définie. Chaque commande confirmée reçoit un billet par place avec un QR code signé, un PDF, un fichier d'agenda et un e-mail, et les participants avec un compte retrouvent leurs billets, leurs commandes et leurs événements enregistrés. Dans le dashboard, l'organisateur modifie les événements en anglais et en arabe, dessine des plans de salle versionnés avec places accessibles et catégories de prix, scanne les billets à l'entrée avec la caméra de l'appareil ou un code saisi, rembourse des billets entiers une fois le prestataire d'accord, exporte les commandes et les participants en CSV, et passe d'un espace de travail à l'autre, chacun avec sa devise, ses frais et son équipe.
Un assistant d'événements répond aux questions sur les ventes, les places et l'entrée à partir des données de l'organisateur, avec des graphiques et des questions de suivi, sur Google Gemini, OpenAI ou DeepSeek avec votre propre clé, et un studio des lieux transforme la photo d'un lieu vide en concept d'événement avec Google Gemini. Les deux frontends sont livrés en anglais et en arabe avec des mises en page de droite à gauche et des thèmes clair, sombre et système, l'API fonctionne sur SQLite ou MySQL, et Docker lance les trois apps en une commande, ou chaque app tourne seule avec Node.js.
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.
Écrans de la démo
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.
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.