## [Document Your Codebase in Confluence with Mermaid Class Diagrams](/blog/mermaid-class-diagram-document-codebase-confluence.md)

September 24, 2026 ·

<!-- -->

6 min read

[NGPilot](https://ngpilot.com)

Your team grows by two people. The new hires open the wiki and find the architecture doc: a screenshot of a whiteboard, dated 14 months ago, where `PaymentService` does everything except the thing the diagram says `OrderService` does. Day-1 onboarding just taught two people the wrong architecture.

**Quick answer:** keep the architecture in Confluence as a Mermaid `class diagram`, rendered by [Mermaid Plus for Confluence](https://marketplace.atlassian.com/apps/1236814/mermaid-plus-diagrams-for-confluence/) and diffs like code. Classes, methods, interfaces, ownership — in editable text that updates when the code does. This post gives you three copy-paste examples: the onboarding service map, interface+implementation modules, and a request-flow sketch.

**Tags:**

* [confluence](/blog/tags/confluence.md)
* [mermaid](/blog/tags/mermaid.md)
* [class-diagram](/blog/tags/class-diagram.md)
* [architecture](/blog/tags/architecture.md)
* [docs](/blog/tags/docs.md)
* [how-to](/blog/tags/how-to.md)

[**Read more**](/blog/mermaid-class-diagram-document-codebase-confluence.md)