> ## Documentation Index
> Fetch the complete documentation index at: https://docs.lumi.new/llms.txt
> Use this file to discover all available pages before exploring further.

# Glossaire

> Comprenez les termes clés pour naviguer et construire efficacement avec Lumi.

## Concepts clés

* IA (Intelligence Artificielle) : Technologie qui permet aux machines de simuler l'intelligence humaine, leur permettant d'apprendre, de raisonner et de résoudre des problèmes.
* Prompt : Une commande textuelle utilisée pour donner des instructions à un modèle d'IA. Dans Lumi, les prompts sont l'outil fondamental que vous utiliserez pour créer et modifier chaque composant de votre application.

## Termes spécifiques à Lumi

* **Mode Discussion :** Plus qu'un simple générateur de code, Lumi agit comme un partenaire de développement interactif. Il vous guide dans la planification, le débogage et la livraison, vous aidant à construire avec confiance.
* **Mode Édition :** L'environnement pour apporter des modifications directes au code et au contenu de votre application.
* **Edit :** Un outil alimenté par l'IA avec des contrôles visuels natifs de Tailwind pour un peaufinage précis et intuitif.
* **Remix :** Dupliquez n'importe quel projet pour l'utiliser comme nouveau point de départ. Le remixage vous permet d'expérimenter des changements et d'explorer des idées tout en préservant la version originale.
* **Aperçu :** Une vue interactive en direct pour tester les fonctionnalités et le contenu avant de publier vos modifications.

## Produit & Développement

### **Gestion de produit & Stratégie**

* **MVP (Produit Minimum Viable) :** La version la plus simple d'un produit avec juste assez de fonctionnalités pour attirer les premiers utilisateurs et valider l'idée de base.
* **Feuille de route :** Un plan de haut niveau qui décrit la vision, la direction et les fonctionnalités à venir d'un produit au fil du temps.
* **Demande de fonctionnalité :** Une suggestion d'utilisateurs ou de parties prenantes pour une nouvelle capacité ou une amélioration.
* **User Story :** Une description brève et simple d'une fonctionnalité du point de vue de l'utilisateur final.
* **Parcours utilisateur :** Le chemin qu'un utilisateur emprunte pour atteindre un objectif au sein de votre produit.
* **Persona :** Un profil fictif et détaillé d'un utilisateur cible, créé à partir de recherches pour guider les décisions de conception et de développement.

### **Concepts d'ingénierie**

* **PRD (Document des exigences du produit) :** Un document qui détaille l'objectif, les fonctionnalités et les spécifications techniques d'un produit pour guider l'équipe de développement.
* **API (Interface de Programmation d'Application) :** Un ensemble de règles qui permettent à différentes applications logicielles de communiquer et d'échanger des données. Les types courants incluent les API REST et GraphQL.
* **Refactorisation :** Le processus de restructuration du code pour améliorer sa qualité et sa maintenabilité sans en modifier la fonctionnalité.
* **GitHub :** Une plateforme populaire pour le contrôle de version et le développement logiciel collaboratif.

### **Données & Analytique**

* **Test A/B :** Comparaison de deux versions d'une page web ou d'une fonctionnalité pour voir laquelle est la plus performante.
* **Taux de conversion :** Le pourcentage d'utilisateurs qui accomplissent un objectif spécifique, comme s'inscrire ou effectuer un achat.
* **Taux d'attrition :** Le pourcentage d'utilisateurs qui cessent d'utiliser votre produit sur une période donnée.
* **Taux de rétention :** Le pourcentage d'utilisateurs qui continuent à utiliser votre produit au fil du temps.
* **Suivi d'événements :** Surveillance d'actions utilisateur spécifiques (comme les clics ou les soumissions de formulaires) pour comprendre l'engagement.

## **UI/UX & Développement Frontend**

### **Développement Frontend**

* **Frontend :** La partie d'une application que les utilisateurs voient et avec laquelle ils interagissent, y compris l'interface utilisateur et l'expérience globale.
* **React :** Une bibliothèque JavaScript populaire pour la création d'interfaces utilisateur dynamiques, en particulier pour les applications monopages.
* **Dégradé :** Une transition douce entre deux ou plusieurs couleurs.
* **Tailwind CSS :** Un framework CSS « utility-first » pour créer rapidement des designs personnalisés directement dans votre HTML.
* **Système de design :** Une collection standardisée de composants réutilisables et de directives qui assure la cohérence du design à travers un produit.

### **Concepts de design UI/UX**

* **Couleur d'accentuation :** Une couleur contrastante utilisée pour mettre en évidence des éléments clés comme les boutons ou les liens.
* **Thème :** L'apparence générale d'une application, définie par sa palette de couleurs, sa typographie et sa mise en page.
* **Design réactif :** Une approche qui garantit que votre application s'affiche et fonctionne parfaitement sur n'importe quel appareil, des ordinateurs de bureau aux téléphones mobiles.
* **Au-dessus de la ligne de flottaison :** Le contenu visible sur une page web sans avoir à faire défiler. C'est un emplacement de choix pour les informations importantes.
* **CTA (Appel à l'action) :** Une incitation, comme un bouton ou un lien, qui encourage les utilisateurs à effectuer une action spécifique (par ex., « S'inscrire », « Acheter maintenant »).

### **Structure de page & Navigation**

* **Titres :** Les titres (H1, H2, etc.) qui structurent le contenu et établissent une hiérarchie visuelle claire.
* **Pied de page :** La section au bas d'une page web, contenant généralement des liens, des informations de contact et des mentions légales.
* **Fil d'Ariane :** Un sentier de navigation qui montre l'emplacement actuel d'un utilisateur sur un site (par ex., Accueil > Produits > Ordinateurs portables).
* **Favicon :** La petite icône représentant votre site web dans un onglet de navigateur ou des favoris.
* **Titre méta :** Le titre de la page affiché dans les résultats des moteurs de recherche et les onglets du navigateur, crucial pour le SEO.
* **Méta-description :** Le court résumé d'une page web affiché dans les résultats de recherche pour attirer les clics.
* **URL canonique :** Une balise qui indique aux moteurs de recherche la version préférée d'une page pour éviter les problèmes de contenu dupliqué.
* **Slug d'URL :** La partie conviviale d'une URL qui identifie une page spécifique (par ex., `/a-propos-de-nous`).
* **Plan du site :** Un fichier qui répertorie toutes les pages de votre site web pour aider les moteurs de recherche à les indexer efficacement.
* **Barre de navigation :** Le menu principal qui fournit des liens vers les sections clés de votre site web.
* **Liens d'évitement :** Des liens d'accessibilité qui permettent aux utilisateurs d'ignorer la navigation et de sauter directement au contenu principal.
* **Pagination :** Un système pour diviser de longues listes de contenu en pages séparées.
* **Lien d'ancrage :** Un lien qui fait défiler l'utilisateur vers une section spécifique de la même page.
* **Page 404 :** Une page d'erreur personnalisée affichée lorsqu'un utilisateur tente d'accéder à une URL qui n'existe pas.

### **Notifications & Retours**

* **Toast :** Une petite notification temporaire qui fournit un bref retour sur une action.
* **Snackbar :** Similaire à un toast, mais apparaît souvent en bas de l'écran et peut inclure un bouton d'action (par ex., « Annuler »).
* **Info-bulle :** Une boîte contextuelle avec des informations supplémentaires qui apparaît au survol d'un élément.
* **Badge :** Un petit marqueur visuel sur une icône ou un bouton pour indiquer un nombre, un statut ou une notification.
* **Spinner de chargement :** Une icône animée indiquant qu'un processus est en cours d'exécution en arrière-plan.
* **Barre de progression :** Une barre visuelle qui montre la progression de l'achèvement d'une tâche.
* **Squelette de chargement :** Une interface de substitution qui imite la mise en page du contenu final, améliorant la perception de la vitesse de chargement.

### **Superpositions & Pop-ups**

* **Popover :** Une superposition qui fournit un contexte ou des options supplémentaires liés à un élément spécifique.
* **Boîte de dialogue (Modale) :** Une fenêtre qui apparaît par-dessus le contenu principal, nécessitant une interaction de l'utilisateur pour être fermée.
* **Tiroir (Panneau latéral) :** Un panneau qui glisse depuis le côté, contenant généralement la navigation ou des paramètres.
* **Lightbox :** Une fenêtre modale qui affiche des médias comme des images dans une vue agrandie et ciblée.
* **Boîte d'alerte :** Un message système qui informe les utilisateurs d'informations critiques, d'erreurs ou d'avertissements.

### **Navigation & Sélection**

* **Bouton :** Un élément cliquable qui déclenche une action.
* **Interrupteur (Toggle) :** Un contrôle qui permet aux utilisateurs de basculer entre deux états, comme activé et désactivé.
* **Onglets :** Un composant qui organise le contenu en différentes vues entre lesquelles un utilisateur peut basculer.
* **Stepper (Assistant) :** Un processus guidé en plusieurs étapes qui montre aux utilisateurs leur progression.
* **Accordéon :** Une série de panneaux pliables utilisés pour organiser et révéler du contenu.
* **Menu déroulant :** Une liste d'options qui apparaît lorsqu'un utilisateur interagit avec un bouton ou un champ.

### **Formulaires & Saisie**

* **Formulaire :** Un ensemble de champs pour collecter les données des utilisateurs, comme un formulaire d'inscription ou de contact.
* **Groupe de boutons radio :** Un ensemble d'options où l'utilisateur ne peut en sélectionner qu'une seule.
* **Case à cocher :** Un contrôle qui permet aux utilisateurs de sélectionner une ou plusieurs options dans une liste.
* **Champ de texte :** Une zone de saisie standard pour la saisie de texte sur une seule ligne.
* **Zone de texte :** Une zone de saisie plus grande pour le texte sur plusieurs lignes, comme les commentaires ou les messages.
* **Liste de sélection (Boîte de sélection déroulante) :** Une liste déroulante pour choisir une option parmi un ensemble prédéfini.
* **Sélecteur de date :** Une interface de calendrier qui permet aux utilisateurs de sélectionner facilement une date.
* **Curseur :** Un contrôle pour sélectionner une valeur dans une plage continue.
* **Téléchargement de fichier :** Un composant qui permet aux utilisateurs de téléverser des fichiers depuis leur appareil.
* **Saisie semi-automatique :** Un champ de saisie qui suggère des résultats au fur et à mesure que l'utilisateur tape.

### **Styles de design & Tendances**

Utilisez ces termes dans vos prompts pour définir l'esthétique que vous souhaitez obtenir.

* **Néobrutalisme :** Un style de design brut, à fort contraste, avec une typographie audacieuse et des éléments non raffinés.
* **Rétro :** Un design qui évoque la nostalgie en utilisant des styles des décennies passées.
* **Hacker :** Une esthétique inspirée des interfaces de terminal, avec des arrière-plans sombres et des polices à espacement fixe.
* **Glassmorphism :** Un style qui utilise des couches translucides, semblables à du verre dépoli, pour créer de la profondeur.
* **Nudy :** Une approche minimaliste utilisant des palettes de couleurs douces et neutres pour un look sobre.

## **Développement Backend & Bases de données**

### **Fondamentaux du Backend**

* **Backend :** La partie côté serveur d'une application qui gère les données, la logique et les opérations de base.
* **Webhooks :** Des messages automatisés envoyés par des applications lorsqu'un événement se produit, permettant un échange de données en temps réel.

### **Gestion de bases de données**

* **CRUD (Create, Read, Update, Delete) :** Les quatre opérations fondamentales pour la gestion des données.
* **SQL (Structured Query Language) :** Le langage standard pour la gestion et l'interrogation des données dans les bases de données relationnelles.
* **PostgreSQL :** Une base de données relationnelle open-source puissante, connue pour sa fiabilité et ses fonctionnalités avancées.

### **Sécurité & Authentification**

* **OAuth :** Une norme d'authentification qui permet aux utilisateurs de se connecter avec des comptes tiers comme Google ou GitHub.
* **Authentification à deux facteurs (2FA) :** Une couche de sécurité qui exige des utilisateurs qu'ils fournissent deux formes d'identification pour se connecter.
* **CORS (Cross-Origin Resource Sharing) :** Un mécanisme de sécurité qui contrôle la manière dont les ressources de votre serveur peuvent être consultées depuis d'autres domaines.