Skip to content
MermaidViewer

DevOps · Flowchart

CI/CD Pipeline

Continuous integration and delivery pipeline from commit through tests, build, staging and production with approvals.

Mermaid diagram
mermaid
flowchart LR
    A[Push / PR] --> B[Lint and type-check]
    B --> C[Unit tests]
    C --> D[Integration tests]
    D --> E[Build container image]
    E --> F[Security scan]
    F --> G[Deploy to staging]
    G --> H{Smoke tests pass?}
    H -- No --> X[Notify and stop]
    H -- Yes --> I{Manual approval}
    I -- Approved --> J[Deploy to production]
    J --> K{Health checks OK?}
    K -- No --> R[Automatic rollback]
    K -- Yes --> L([Done])
Open in the live editor

About this template

Visualise your delivery pipeline so everyone understands what happens after a merge. The template includes linting, unit and integration tests, image build and scan, staging deploy, smoke tests, manual approval and a production rollout with automatic rollback.

How to customise it

  • Map steps to your GitHub Actions or GitLab CI jobs
  • Add canary or blue-green deployment stages
  • Remove the manual approval for full continuous deployment

This template is a Mermaid flowchart. See the flowchart page for the full syntax reference and more examples.

Frequently asked questions

How do I use this ci/cd pipeline template?

Click "Use this template" to open it in the MermaidViewer editor. Edit the Mermaid code on the left and the diagram updates instantly. No account is needed.

Can I export the template as an image?

Yes. In the editor use Export to download PNG, SVG or PDF, or copy the image to your clipboard. You can also copy the code as a Markdown block for GitHub, GitLab or Notion.

Can AI customise this template for me?

Yes. Open the AI assistant (Ctrl/Cmd+K) and describe the change, for example "Map steps to your GitHub Actions or GitLab CI jobs". The updated diagram streams into the editor.

More templates