From 4cbe4517f7d57669a37ded6761ae8aa7ce4a60e4 Mon Sep 17 00:00:00 2001
From: "mintlify[bot]" <109931778+mintlify[bot]@users.noreply.github.com>
Date: Mon, 23 Jun 2025 22:23:15 +0000
Subject: [PATCH] Add mermaid diagram visualizing docs architecture to
 quickstart page

---
 quickstart.mdx | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/quickstart.mdx b/quickstart.mdx
index d9e1e62a..4dfcf960 100644
--- a/quickstart.mdx
+++ b/quickstart.mdx
@@ -8,6 +8,40 @@ This quickstart guide shows you how to set up and deploy your documentation site
 
 After you complete this guide, you will have a live documentation site ready to customize and expand.
 
+```mermaid
+flowchart TD
+    A[GitHub Repository] -->|Push Changes| B[Mintlify Platform]
+    C[Local Development] -->|mint CLI| D[Local Preview]
+    C -->|Push to Git| A
+    E[Web Editor] -->|Direct Editing| B
+    B -->|Auto Deploy| F[Documentation Site]
+    B -->|Custom Domain| G[docs.yourcompany.com]
+    F -->|Default URL| H[project-name.mintlify.app]
+    
+    subgraph "Development Workflows"
+        I[Code-based Workflow]
+        J[Web Editor Workflow]
+    end
+    
+    I --> C
+    J --> E
+    
+    subgraph "Mintlify Components"
+        B
+        K[GitHub App]
+        L[Dashboard]
+    end
+    
+    A -->|Connected via| K
+    L -->|Manage Settings| B
+    L -->|Monitor Deployments| F
+    
+    style A fill:#f9f9f9
+    style B fill:#e1f5fe
+    style F fill:#e8f5e8
+    style G fill:#e8f5e8
+```
+
 <Info>
 
 **Prerequisites**: Before you begin, [create an account](https://mintlify.com/start) and complete onboarding.