King 1x1 est un circuit international de basket de rue en 1 contre 1, avec des tournois qualificatifs dans plusieurs pays et une finale mondiale à Paris le 20 décembre 2026. Son site WordPress présentait les tournois, mais ne gérait ni les joueurs, ni le classement, ni la billetterie. Webndigital l’a remplacé par une plateforme développée en Next.js, reliée à la même base de données que l’application iOS et Android : inscriptions, classement mondial par catégorie, profils joueurs, billetterie avec billet QR code et Open Court, un service pour trouver un terrain et un adversaire près de chez soi.
Sommaire8 parties
- Client
- King 1x1 Streetball League
- Secteur
- Événementiel sportif international
- Livrables
- Site internet, application iOS et Android, outil de gestion, billetterie
- Technologies
- Next.js, TypeScript, Tailwind CSS, Supabase (hébergé en Europe), Stripe, Vercel
- Point fort
- Une seule base de données pour le site, l’application et l’outil de gestion
- Année
- 2026
Le point de départ : un site vitrine qui ne suivait plus le projet
L’ancien site de King 1x1 était construit avec WordPress et le constructeur de pages Elementor. Il remplissait son rôle de vitrine : présentation du circuit, pages des tournois, règlement, ambassadeurs, partenaires et contact.
Mais le projet avait grandi plus vite que son site. Un circuit mondial a besoin de gérer des joueurs, des résultats et un public, pas seulement de les présenter :
- chaque tournoi et chaque pays faisait l’objet d’une page créée à la main ;
- le classement, les inscriptions et les résultats n’étaient pas reliés entre eux ;
- la boutique se trouvait sur un autre site, avec un parcours séparé ;
- les textes mélangeaient l’anglais et le français, la traduction reposant sur une extension ;
- il n’existait pas d’application, alors que les joueurs et les spectateurs utilisent surtout leur téléphone.
Les objectifs fixés avec le client
- Donner au circuit une image à la hauteur d’une compétition internationale.
- Permettre aux joueurs de créer leur profil et de s’inscrire aux tournois en quelques minutes.
- Publier un classement mondial à jour, par catégorie, sans ressaisie manuelle.
- Vendre les billets de la finale mondiale, avec un contrôle d’accès par QR code.
- Partager les mêmes comptes et les mêmes données entre le site et l’application.
- Être bien référencé sur Google et compris par les assistants IA.
Ce que nous avons construit
Le nouveau site est organisé autour de ce que les visiteurs viennent faire : suivre le circuit, voir le classement, découvrir les joueurs et acheter une place.
| Rubrique | Rôle |
|---|---|
| Circuit 2K26 | Le calendrier des tournois qualificatifs, avec leur statut : inscriptions ouvertes ou tournoi terminé, et le vainqueur. |
| World Ranking | Le classement mondial par catégorie (King, Queen, Junior, College), avec podium et évolution de chaque joueur. |
| Joueurs | Une fiche par joueur : surnom, pays, titres et parcours. |
| World Finals | La finale mondiale à Paris, le 20 décembre 2026, au Clichy Hall (2 500 places). |
| Billetterie | Choix de la zone sur un plan de la salle, nombre de places, puis billet avec QR code. |
| Open Court | Trouver un terrain près de chez soi, proposer un créneau et être prévenu quand un adversaire se présente. |
| Palmarès, Ambassadeurs, Règlement | Les contenus de référence du circuit, au même endroit. |
Les choix techniques, expliqués simplement
Nous avons quitté WordPress pour une architecture moderne, pensée pour un projet qui va continuer à grandir. Voici ce que cela change concrètement pour le client :
- Une seule base de données pour le site, l’application et l’outil de gestion : un joueur inscrit sur le site retrouve son compte dans l’application, et un résultat saisi par l’organisateur apparaît partout en même temps.
- Les règles importantes (calcul des points, paiements, validité des billets) sont vérifiées côté serveur, jamais seulement dans le navigateur ou l’application.
- Le paiement passe par Stripe : aucune donnée bancaire n’est stockée chez King 1x1, et le billet n’est créé qu’après confirmation du paiement.
- Chaque billet porte un QR code unique, valable une seule fois au contrôle d’entrée.
- Connexion sans mot de passe : avec Apple, Google ou un lien reçu par e-mail.
- Aucun serveur à entretenir : hébergement du site sur Vercel et des données chez Supabase, en Europe.
| Ancien site | Nouveau site | |
|---|---|---|
| Technologie | WordPress et Elementor | Next.js et TypeScript |
| Données | Pages de contenu indépendantes | Base commune au site, à l’application et à l’outil de gestion |
| Classement | Page de contenu | Calculé automatiquement à partir des résultats |
| Billetterie | Absente | Paiement Stripe et billet QR code |
| Application mobile | Aucune | iOS et Android, mêmes comptes que le site |
| Boutique | Sur un site séparé | Accessible depuis le menu principal |
| Référencement | Réglages de base | Données structurées, plan du site, fichier pour les IA |
Design et animations
La charte reprend l’univers du basket de rue la nuit : fond noir profond, un seul accent jaune, une typographie haute et condensée, des lames diagonales et une fine texture en losanges. Les animations racontent la compétition : le podium monte marche après marche, puis la couronne se pose sur le numéro un.
Toutes les animations sont désactivées automatiquement pour les visiteurs qui ont demandé à réduire les mouvements sur leur appareil.
Référencement Google et visibilité dans les IA
Le référencement a été intégré dès les premières pages, pas ajouté à la fin :
- un titre et une description rédigés pour chaque page ;
- des données structurées schema.org pour l’organisation, les événements, les classements et les profils de joueurs ;
- un plan du site complet et des aperçus soignés au partage sur WhatsApp, Instagram ou iMessage ;
- un accès ouvert aux robots des assistants IA (ChatGPT, Claude, Perplexity, Gemini) et un fichier llms.txt qui leur présente le circuit.
Les résultats mesurés après la mise en ligne (fréquentation, inscriptions, billets vendus) seront ajoutés à cette étude de cas.
Ce qu’il faut retenir pour votre projet
- Un site vitrine suffit tant que vous présentez une activité. Dès que vous gérez des inscriptions, des comptes ou des paiements, il faut une vraie plateforme.
- Si vous prévoyez une application, partagez dès le départ la même base de données entre le site et l’application : c’est ce qui évite les doubles saisies.
- Une billetterie avec QR code n’a pas besoin d’une solution externe coûteuse : Stripe et un contrôle d’accès bien conçu suffisent pour un événement de plusieurs milliers de places.
- Pensez au référencement et aux assistants IA dès la conception, pas après la mise en ligne.
Questions fréquentes
Pourquoi remplacer WordPress par Next.js pour King 1x1 ?
WordPress convient très bien à un site vitrine. King 1x1 avait besoin de comptes joueurs, d’un classement calculé automatiquement, de paiements et d’une application mobile reliée au site. Next.js permet de construire tout cela avec un seul langage et une seule base de données, sans multiplier les extensions.
Le site et l’application partagent-ils les mêmes données ?
Oui. Le site, l’application iOS et Android et l’outil de gestion de l’organisateur utilisent la même base de données. Un joueur a un seul compte, et un résultat saisi une fois apparaît partout.
Comment fonctionne la billetterie avec QR code ?
Le spectateur choisit sa zone et son nombre de places, puis paie via Stripe. Le billet, avec un QR code unique, n’est créé qu’une fois le paiement confirmé. À l’entrée, chaque QR code ne peut être validé qu’une seule fois.
Ce type de plateforme convient-il à d’autres événements ?
Oui. La même approche s’applique à un club, une ligue amateur, un festival ou un salon : inscriptions, profils, classements ou programme, billetterie et application, sur une base commune.
Site, application, boutique ou assistant IA : parlons-en lors d’un premier rendez-vous offert.