Mermaid

· 1 min de lecture

Principe

Un bloc de code typé mermaid est rendu en schéma. Sans JavaScript, le code source reste affiché.

```mermaid
flowchart LR
    A[Commit] --> B[Build]
```

Pipeline CI/CD

flowchart LR
    dev([Développeuse]) -->|push| repo[(Dépôt)]
    repo --> lint[Lint]
    lint --> test[Tests]
    test --> build[Build Hugo]
    build --> deploy{Branche main ?}
    deploy -->|oui| prod[Production]
    deploy -->|non| preview[Preview]

Diagramme de séquence

sequenceDiagram
    participant U as Utilisateur
    participant N as Nginx
    participant A as API
    U->>N: GET /api/status
    N->>A: proxy_pass
    A-->>N: 200 OK
    N-->>U: 200 OK

Types utiles

Mot-cléUsage
flowchartPipelines, architectures
sequenceDiagramÉchanges entre services
stateDiagram-v2Cycles de vie (déploiement…)
gitGraphStratégies de branches