Aller au contenu principal

Diagrammes ABC (Mermaid)

Ce guide contient uniquement les diagrammes liés au projet Automobile Business Center.

Rendu Mermaid dans ce projet​

Les diagrammes Mermaid sont rendus nativement dans Docusaurus (HTML/SVG).

Utilisez le format suivant:

```mermaid
graph TD
    A[Utilisateur] --> B[Annonce]
```

1) Parcours utilisateur marketplace​

2) Séquence de paiement Stripe​

3) Modèle de données monétisation (ER)​

4) Architecture plateforme ABC​

Bonnes pratiques ABC​

astuce
  • Garder les diagrammes alignés avec les flux réels de l’app (frontend, API, Supabase, Stripe).
  • Mettre à jour les diagrammes lors de chaque changement de schema SQL ou de flux paiement.
  • Préférer 1 diagramme par objectif métier (parcours utilisateur, paiement, architecture).
  • Vérifier le rendu en mode clair/sombre après chaque modification.
attention
  • Éviter les diagrammes génériques non utilisés dans ABC.
  • Ne pas conserver des exemples "template" dans cette documentation projet.

Dépannage rapide​

Si un diagramme ne se rend pas:

  1. Vérifier que le bloc est bien en ```mermaid.
  2. Vérifier la configuration dans docusaurus.config.js:
    • markdown.mermaid: true
    • themes: ['@docusaurus/theme-mermaid']
  3. Redémarrer le serveur docs (pnpm start).

Ressources​

Astuce: Utilisez mermaid.live pour valider un diagramme avant commit.