CI/CD pipeline template: free, editable diagram
Commit to tests, staging, approval, and production. This starter has 10 steps and 2 decision points. Open it as a real canvas with shapes and arrows you can restyle, extend and share, then turn the action steps into tasks.
Free. No account needed. Saved in this browser until you sign up.
What is in this template
10 steps, 2 of them decisions, in diagram order. Rename, remove or add branches once it is on your canvas.
- 1Merge to main
- 2Build and lint
- 3Run test suite
- 4All checks pass?
- 5Notify author and block
- 6Deploy to staging
- 7Smoke tests and approval?
- 8Deploy to production
- 9Roll back
- 10Watch error rate and latency
Get the Mermaid source
Mermaid source
flowchart LR
push([icon:git-merge Merge to main]) ==> build[icon:hammer Build and lint]
build ==> tests[icon:test-pipe Run test suite]
tests ==> pass{All checks pass?}
pass -->|no| fix([icon:alert-triangle Notify author and block])
pass ==>|yes| staging[icon:cloud-upload Deploy to staging]
staging ==> approve{Smoke tests and approval?}
approve ==>|yes| deploy[icon:rocket Deploy to production]
approve -->|no| rollback[icon:arrow-back-up Roll back]
deploy ==> monitor[icon:activity Watch error rate and latency]
classDef tone-accent fill:#fae8ff
class push tone-accent
classDef tone-info fill:#dbeafe
class build,tests,staging,deploy,monitor,rollback tone-info
classDef tone-warning fill:#fef3c7
class pass,approve tone-warning
classDef tone-danger fill:#fee2e2
class fix tone-dangerPaste it into the free Mermaid editor or your own docs.
Questions
- What is the cI/CD pipeline template?
- Commit to tests, staging, approval, and production. It is a starting diagram you adapt to your own process.
- Can I edit it?
- Yes. It opens as normal shapes and bound arrows: rename steps, add branches, restyle, and collaborate live once you have an account.
- Do I need an account?
- No. You can open it in a guest canvas saved in your browser. Create an account to keep it and share it.