Aller à l'article
Aniq-UI

Financial DashboardMode démo

Mode démo

Ce qu'ajoute le mode démo pour une démo publique, comment l'activer, et ce qu'il faut retirer avant votre propre lancement.

Rôle

Le mode démo sert à une démo publique, où les visiteurs doivent entrer en un clic. Il est désactivé par défaut. Quand NEXT_PUBLIC_DEMO_MODE vaut true :

  • la page de connexion affiche une carte Demo access avec les identifiants et un bouton qui les saisit,
  • les champs e-mail et mot de passe démarrent remplis, avec une ligne sous le formulaire qui l'indique,
  • un sélecteur de couleur flottant apparaît dans un coin, et la couleur choisie y est retenue par le navigateur.

Rien d'autre ne change. Avec le mode démo désactivé, le formulaire de connexion démarre vide et le sélecteur est masqué, mais le compte réservé permet toujours de se connecter.

L'activer

Sans Docker, définissez-le dans .env.local, puis relancez yarn dev ou refaites yarn build :

.env.local
NEXT_PUBLIC_DEMO_MODE=true

Avec Docker, passez-le lors de la construction de l'image :

Terminaldans dashboard-template-1
docker build -t financial-dashboard --build-arg NEXT_PUBLIC_DEMO_MODE=true .

Où le mode démo est lu

Inclus avec votre achat. Connectez-vous pour le lire, ou ouvrez-le dans votre téléchargement.

La constante unique que lit chaque élément réservé à la démo, et les fichiers qui l'utilisent.

Retirer la démo avant votre lancement

Inclus avec votre achat. Connectez-vous pour le lire, ou ouvrez-le dans votre téléchargement.

Ce qu'il faut supprimer pour qu'aucun compte de démo ni code réservé à la démo ne parte dans votre produit.

Bloqué sur une étape ?

Trouvez une solution avant de tout recommencer.

Dépannage

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.