Formation Coder avec l’IA

QR code et écran d’affichage en boutique

Ce qui rend MonTour concret : une affiche avec QR code à imprimer et un écran qui annonce le numéro appelé dans la boutique.

Module 5 · Les fonctionnalités qui font vendre

Réservé aux abonnés

Objectif du chapitre

Le commerçant imprime une affiche A4 avec son QR code et ouvre sur une tablette un écran qui affiche le numéro appelé. Durée : 45 min · 90 % pratique.

Prérequis : le tableau de bord temps réel (chapitre 17).

L’écran de salle et l’affiche A4 : des numéros seulement, une URL construite depuis la configuration.
L’écran de salle et l’affiche A4 : des numéros seulement, une URL construite depuis la configuration.

Étape 1 : le QR code

npm install qrcode

Prompt à copier

« Crée la page src/app/dashboard/[queueId]/affiche/page.tsx : génère côté serveur un QR code SVG (librairie qrcode, toString avec type 'svg') pointant vers l’URL publique /f/[slug] de la file. Mise en page A4 : nom du commerce, ‘Scannez pour prendre votre ticket’, QR code de 10 cm. Ajoute une feuille de style d’impression qui masque le menu. »

La suite de cette leçon est réservée aux abonnés

Les 3 premières leçons de chaque formation sont gratuites. Débloquez la suite pour continuer.