Premium

Template de site de billetterie Next.js

Un site de billetterie en Next.js 16 pour les participants, avec une recherche d'événements conservée dans l'URL, des pages d'événement, des plans de salle en direct avec des places mises de côté dix minutes, le paiement par Stripe ou PayPal, des billets gratuits, des billets à QR code et des comptes participants, en anglais et en arabe.

Template de site de billetterie Next.js

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.

$79R$397

+ 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.

Documentation
Ou obtenez tout avec Full Stack pour $179Ou obtenez tout avec Full Stack pour R$897

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

Un site de billetterie en Next.js 16 pour les participants, avec une recherche d'événements conservée dans l'URL, des pages d'événement, des plans de salle en direct avec des places mises de côté dix minutes, le paiement par Stripe ou PayPal, des billets gratuits, des billets à QR code et des comptes participants, en anglais et en arabe.

Partager:

Un site de billetterie en Next.js 16 pour les participants, avec une recherche d'événements conservée dans l'URL, des pages d'événement, des plans de salle en direct avec des places mises de côté dix minutes, le paiement par Stripe ou PayPal, des billets gratuits, des billets à QR code et des comptes participants, en anglais et en arabe.

Ticketing website overview, light theme
Ticketing website overview, light 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.
Ticketing website overview, dark theme
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.
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.

Events with search, city, date and category filters, light theme
Events with search, city, date and category filters, light 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.
Events with search, city, date and category filters, dark theme
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, light theme
Event page with the booking panel and seat preview, light 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.
Event page with the booking panel and seat preview, dark theme
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.

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
Venue page with its facts and seat layout, light theme
Venue page with its facts and seat layout, light theme. Room 3 with its address, capacity, seating type and time zone, how to get in, and the published seat layout.
Venue page with its facts and seat layout, dark theme
Venue page with its facts and seat layout, dark theme. Room 3 with its address, capacity, seating type and time zone, how to get in, and the published seat layout.
Venues with capacity and seating type, light theme
Venues with capacity and seating type, light theme. Every venue as a ticket with its address, access notes, capacity, number of upcoming events and whether it is general admission or reserved seating.
Venues with capacity and seating type, dark theme
Venues with capacity and seating type, dark theme. Every venue as a ticket with its address, access notes, capacity, number of upcoming events and whether it is general admission or reserved seating.
Organiser page with what is coming up, light theme
Organiser page with what is coming up, light theme. Northline Events with its verified badge and events on sale, its upcoming events, kinds of event, venues and next date, then the events coming up.
Organiser page with what is coming up, dark theme
Organiser page with what is coming up, dark theme. Northline Events with its verified badge and events on sale, its upcoming events, kinds of event, venues and next date, then the events coming up.
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
Seat selection on the live seat map, light theme
Seat selection on the live seat map, light 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.
Seat selection on the live seat map, dark theme
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.
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
Checkout with the held seats and the payment method, light theme
Checkout with the held seats and the payment method, light 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.
Checkout with the held seats and the payment method, dark theme
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.

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
Order confirmation with QR passes, light theme
Order confirmation with QR passes, light 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.
Order confirmation with QR passes, dark theme
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.
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.

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
Attendee tickets with a calendar of upcoming dates, light theme
Attendee tickets with a calendar of upcoming dates, light theme. The signed-in attendee's upcoming tickets with their dates, venues, seats and status, and a month calendar marking each event.
Attendee tickets with a calendar of upcoming dates, dark theme
Attendee tickets with a calendar of upcoming dates, dark theme. The signed-in attendee's upcoming tickets with their dates, venues, seats and status, and a month calendar marking each event.
Attendee orders with their receipts, light theme
Attendee orders with their receipts, light theme. Every order the attendee has placed with its event, reference, date, ticket count, total and status, each opening its receipt.
Attendee orders with their receipts, dark theme
Attendee orders with their receipts, dark theme. Every order the attendee has placed with its event, reference, date, ticket count, total and status, each opening its receipt.
Saved events, light theme
Saved events, light theme. The events the attendee starred, each still a ticket with its dates, venue and price, ready to book.
Saved events, dark theme
Saved events, dark theme. The events the attendee starred, each still a ticket with its dates, venue and price, ready to book.
Autour des événements

Les pages dont le site d'un organisateur a besoin

Des formules tarifaires avec un exemple chiffré des frais de réservation, les réponses aux questions des participants, un formulaire de contact, et des pages de confidentialité, de conditions et d'annulation à réécrire pour votre activité.

Pricing plans with the buyer fee example, light theme
Pricing plans with the buyer fee example, light theme. Three example plans side by side with what each includes, and a worked example of the buyer fee added to a ticket at checkout.
Pricing plans with the buyer fee example, dark theme
Pricing plans with the buyer fee example, dark theme. Three example plans side by side with what each includes, and a worked example of the buyer fee added to a ticket at checkout.
Frequently asked questions, light theme
Frequently asked questions, light theme. Answers about reserved seats, cancelled events, check-in, refunds, seat holds, accounts and payment, one open at a time.
Frequently asked questions, dark theme
Frequently asked questions, dark theme. Answers about reserved seats, cancelled events, check-in, refunds, seat holds, accounts and payment, one open at a time.

Un formulaire de contact qui arrive chez l'organisateur

Nom, e-mail, sujet et message, avec l'e-mail du support à côté du formulaire pour ceux qui préfèrent écrire. Chaque message arrive dans les demandes du dashboard organisateur.

  • Un envoi répété ne crée qu'un seul message
  • Un champ caché et une limite par adresse écartent les robots
  • Un événement de contact envoyé à vos analytics
Contact form, light theme
Contact form, light theme. A contact form with name, email, subject and message beside a bold illustrated panel, with the support email for anyone who prefers to write.
Contact form, dark theme
Contact form, dark theme. A contact form with name, email, subject and message beside a bold illustrated panel, with the support email for anyone who prefers to write.
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.

Arabic home page, right to left, light theme
Arabic home page, right to left, light theme. The home page in Arabic, mirrored right to left, with the ticket stack, the figures strip and every word translated.
Arabic home page, right to left, dark theme
Arabic home page, right to left, dark theme. The home page in Arabic, mirrored right to left, with the ticket stack, the figures strip and every word translated.
Responsive

Pensé pour le téléphone que le participant a en main

La page d'accueil, les pages d'événement, le choix des places et le paiement s'adaptent aux écrans étroits, pour trouver un événement, choisir ses places et payer depuis un téléphone.

Home page on a phone, light theme
Home page on a phone, light theme. The home page at phone width with the headline, both buttons and the ticket stack.
Home page on a phone, dark theme
Home page on a phone, dark theme. The home page at phone width with the headline, both buttons and the ticket stack.
Event page on a phone, light theme
Event page on a phone, light theme. Design Talks at phone width with two reserved seats chosen in the booking panel.
Event page on a phone, dark theme
Event page on a phone, dark theme. Design Talks at phone width with two reserved seats chosen in the booking panel.
Ce que vous obtenez

Tout pour faire tourner le site, pas seulement les écrans

Le code source, prêt pour les moteurs de recherche et les analytics, avec la documentation pour aller plus loin.

Code source

  • Le site Next.js en TypeScript
  • Des dépendances épinglées à la version exacte
  • Une licence commerciale pour des projets illimités

Moteurs de recherche

  • Titres de page, liens canoniques et alternatives hreflang
  • Un sitemap de chaque page publique, événement, lieu et organisateur
  • Les pages de compte, de paiement et de connexion exclues de la recherche

Docs, analytics et mode démo

  • Un démarrage rapide avec Docker ou Node.js
  • Six réseaux d'analytics, désactivés tant que vous n'ajoutez pas d'identifiant
  • Un mode démo retiré en une commande
Sous le capot

Construit sur une base familière

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, et next-intl pour l'anglais et l'arabe.

Le pack

Le site et l'API derrière lui

Le site lit ses événements, ses places, ses commandes et ses billets depuis l'API Ticketory, vendue seule comme pack API Backend. Le pack Full Stack comprend le site, le dashboard organisateur et l'API, pour ceux qui veulent les deux apps.

Découvrir

Découvrez Ticketory avant de construire

Parcourez le site en visiteur, ou cliquez sur Use attendee demo sur sa page de connexion pour ouvrir les billets, les commandes et les événements enregistrés d'un participant de démonstration. Le paiement propose un remplissage automatique de démonstration, et le paiement de démonstration ne déplace aucun argent. Les données de démonstration sont reconstruites chaque nuit, et les captures utilisent des données d'exemple.

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.

Fait partie d'un template full-stack

Template de billetterie Next.js : plans de salle et contrôle QR code

Cette application fait partie d'un template full-stack. Le template complet réunit toutes les parties en un seul achat.

Voir le template complet

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

Acheté séparément$277R$1,391
Vous économisez$98R$494
$179R$897

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.

$79R$397

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.

$99R$497

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

$99R$497

Paiements sûrs et sécurisés par Paddle

Un reçu de TVA vous est envoyé par e-mail après l'achat.

Modèles Associés

Template de billetterie Next.js : plans de salle et contrôle QR code - Next.js Événements template preview - Aniq-UITemplate de billetterie Next.js : plans de salle et contrôle QR code - Next.js Événements template preview - Aniq-UI

Billetterie

$179R$897
Événements
Full Stack
Nouveau
IA

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.

Voir le Modèle
Template de dashboard organisateur d'événements Next.js - Next.js Événements template preview - Aniq-UI

Dashboard organisateur d'événements

$99R$497
Événements
Dashboard organisateur
Nouveau
IA

Un dashboard organisateur en Next.js 16 pour la billetterie, avec une vue d'ensemble des ventes et de l'entrée en direct, un éditeur d'événements en anglais et en arabe, des plans de salle versionnés, le contrôle des billets par QR code à l'entrée, les commandes, les remboursements, les rapports, un assistant d'événements IA et un studio des lieux IA, en anglais et en arabe.

Voir le Modèle
Template restaurant Next.js : commande en ligne et dashboard cuisine - Next.js Restaurant template preview - Aniq-UITemplate restaurant Next.js : commande en ligne et dashboard cuisine - Next.js Restaurant template preview - Aniq-UI

Restaurant

$179$125.30R$897R$627.90
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.

Voir le Modèle
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.

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 Responsive

02 · 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é

04 · 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 TypeScript

Fonctionnalité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
world map

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.

Aniq-uiAniq-ui

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.