สถาปัตยกรรมไฮบริด: ดีที่สุดของทั้งสองโลกด้วย Supabase และ Spring Boot

@startuml
skinparam backgroundColor #FEFEFE
skinparam componentStyle rectangle

package "สถาปัตยกรรมแบบดั้งเดิม" {
  actor Utilisateur as user
  component "ส่วนหน้า" as frontend #LightBlue
  component "ส่วนหลังแบบโมโนลิธิก" as backend #LightCoral {
    [Authentification]
    [CRUD]
    [Logique Métier]
    [Jobs]
    [APIs Tierces]
  }
  database "ฐานข้อมูล" as db #LightGray

  user --> frontend
  frontend --> backend : ทุกคำร้องขอ
  backend --> db
}

note right of backend
ทุกอย่างผ่านทางแบ็กเอนด์
แม้แต่การดำเนินงานที่ง่าย
⚠️ จุดคอขวดเดียว
⚠️ ความซับซ้อนตั้งแต่เริ่มต้น
⚠️ การเชื่อมต่อที่แข็งแรง
end note
@enduml

@startuml
skinparam backgroundColor #FEFEFE
skinparam componentStyle rectangle

package "สถาปัตยกรรม BaaS บริสุทธิ์" {
  actor Utilisateur as user
  component "ฟรอนต์เอนด์" as frontend #LightBlue
  cloud "Supabase / Firebase" as baas #LightGreen {
    [Auth]
    [Database]
    [Storage]
    [Edge Functions]
  }

  user --> frontend
  frontend --> baas : ทุกการดำเนินงาน
}

note right of baas
พัฒนาอย่างรวดเร็ว
ไม่ต้องจัดการเซิร์ฟเวอร์
⚠️ จำกัดสำหรับตรรกะที่ซับซ้อน
⚠️ การผูกมัดกับผู้จำหน่าย
⚠️ ข้อจำกัดของ Edge Functions
end note
@enduml

@startuml
skinparam backgroundColor #FEFEFE
skinparam componentStyle rectangle

actor Utilisateur as user #LightBlue

package "ชั้นฟรอนต์เอนด์" {
  component "เว็บไซต์สแตติก JBake" as frontend #SkyBlue
}

package "ชั้นเรียบง่าย (Supabase)" #LightGreen {
  component "การยืนยันตัวตน" as auth
  component "CRUD พื้นฐาน" as crud
  component "การจัดเก็บไฟล์" as storage
  component "เรียลไทม์" as realtime
}

package "ชั้นธุรกิจ (Spring Boot)" #Coral {
  component "ตรรกะซับซ้อน" as logic
  component "การประสานงาน" as orchestration
  component "งานที่กำหนดเวลา" as jobs
  component "การบูรณาการ" as integrations
}

database "PostgreSQL แบ่งปัน" as db #LightGray

user --> frontend

frontend --> auth : OAuth2, JWT
frontend --> crud : บทความ, โปรไฟล์
frontend --> storage : รูปภาพ, ไฟล์
frontend --> realtime : การแจ้งเตือน

frontend --> logic : การคำนวณ, รายงาน
frontend --> orchestration : เวิร์กโฟลว์
logic --> integrations : Stripe, APIs
orchestration --> db
jobs --> db

crud --> db
auth --> db

note bottom of db
แหล่งความจริงเพียงหนึ่งเดียว
แบ่งปันระหว่าง Supabase และ Spring Boot
end note

note right of auth
ฟรีสำหรับไม่เกิน 50,000 ผู้ใช้
กำหนดค่าเพียงไม่กี่คลิก
OAuth2 ผู้ให้บริการหลายราย
end note

note right of logic
เปิดใช้งานเฉพาะเมื่อจำเป็น
Kotlin + คอร์รูทีน
ธุรกรรมที่ซับซ้อน
end note
@enduml

@startuml
skinparam backgroundColor #FEFEFE

rectangle "เฟส 1 : MVP" #LightGreen {
  component "JBake + Supabase" as mvp
  note right
✓ พัฒนาในวัน
✓ ค่าใช้จ่าย : 0€
✓ ตรวจสอบแนวคิด
  end note
}

rectangle "เฟส 2 : การเติบโต" #LightYellow {
  component "JBake + Supabase\n+ Spring Boot (เป็นทางเลือก)" as growth
  note right
✓ ตรรกะทางธุรกิจกำลังเกิดขึ้น
✓ งานที่วางแผนไว้เป็นครั้งแรก
✓ การบูรณาการจากบุคคลภายนอก
  end note
}

rectangle "เฟส 3 : ขยายขนาด" #LightCoral {
  component "สถาปัตยกรรมสมบูรณ์" as scale
  note right
✓ การจัดการที่ซับซ้อน
✓ ประสิทธิภาพที่ได้รับการปรับให้เหมาะสม
✓ แคชแบบกระจาย
  end note
}

mvp -down-> growth : เมื่อความซับซ้อน\nเป็นเหตุผลให้มัน
growth -down-> scale : การเพิ่มประสิทธิภาพ\nดำเนินต่อ
@enduml

@startmindmap
skinparam backgroundColor #FEFEFE
* การดำเนินการ\nเชิงประยุกต์

left side

** การทำงานง่าย\n(Supabase)
***_ CRUD มาตรฐาน
****การบรรยาย
****_ การสร้าง
****การอัปเดต
****_ การลบ
***_ การยืนยันตัวตน
****_ เข้าสู่ระบบ/Logout
****_ OAuth2
****_ จัดการเซสชั่น
***การจัดเก็บ
****_ อัปโหลดไฟล์
****_ CDN อัตโนมัติ
***_ เวลาจริง
****_ WebSocket
****_ การแจ้งเตือน

right side

** การทำงานที่ซับซ้อน\n(Spring Boot)
***_ ตรรกะทางธุรกิจ
****_ การคำนวณที่ซับซ้อน
****_ กฎเชิงธุรกิจ
****_ การตรวจสอบขั้นสูง
***_ การจัดการ
****_ หลายบริการ
****_ การทำธุรกรรมแบบกระจาย
****รูปแบบซาก้า
***_ งานที่กำหนดเวลา
****_ รายงานเป็นระยะ
****_ การซิงโครไนซ์
****_ การทำความสะอาด
***_ การบูรณาการ
****_ การชำระเงิน (Stripe)
****_ APIs tierces
****_ บริการ ML/AI

@endmindmap

@startuml
skinparam backgroundColor #FEFEFE

database "PostgreSQL" as db #LightGray {
  package "สคีมา: auth (Supabase)" #LightGreen {
    [users]
    [sessions]
    [identities]
  }

  package "สคีมา: public (ใช้ร่วมกัน)" #SkyBlue {
    [articles]
    [comments]
    [profiles]
  }

  package "สคีมา: business (Spring Boot)" #Coral {
    [orders]
    [payments]
    [reports]
  }
}

component "Supabase" as supabase #LightGreen
component "Spring Boot" as spring #Coral

supabase -down-> users : Gère
supabase -down-> sessions : Gère
supabase -down-> articles : Accède
supabase -down-> comments : Accède
supabase -down-> profiles : Accède

spring -down-> articles : Accède
spring -down-> profiles : Accède
spring -down-> orders : Gère
spring -down-> payments : Gère
spring -down-> reports : Gère

note right of db
**ข้อดี:**
• ไม่ต้องซิงโครไนซ์ที่ซับซ้อน
• สามารถใช้ JOIN ระหว่างตารางได้
• รับประกันความสอดคล้อง
• การไมเกรตแบบรวมเป็นหนึ่ง
end note
@enduml

@startuml
skinparam backgroundColor #FEFEFE
autonumber

actor "" as user
participant "JBake" as jbake
participant "Supabase Auth" as auth
participant "Spring Boot" as spring
database "PostgreSQL" as db

== Authentification ==
user -> jbake : Clique "เข้าสู่ระบบ"
jbake -> auth : เปลี่ยนเส้นทาง OAuth2 (Google/GitHub)
auth -> user : หน้าจอยินยอม
user -> auth : อนุญาต
auth -> auth : สร้าง JWT
auth -> jbake : คืนค่า JWT + Refresh Token
jbake -> jbake : เก็บโทเค็น (sessionStorage)

== Accès aux Ressources ==
group Opération Simple (CRUD)
  user -> jbake : สร้างบทความ
  jbake -> db : POST และ JWT
  note right: Supabase Row Level Security\nตรวจสอบ JWTโดยอัตโนมัติ
  db -> jbake : สร้างบทความแล้ว
end

group Opération Complexe (Métier)
  user -> jbake : สร้างรายงาน
  jbake -> spring : POST /api/reports\nกับ JWT
  spring -> spring : ใช้ได้ JWT Supabase
  spring -> spring : ข้อเรียกร้องที่สกัดออกมา (user_id, roles)
  spring -> db : คำขอที่ซับซ้อน
  spring -> jbake : รายงานที่สร้างขึ้น
end

note over auth, spring
JWT เป็นสากล
ได้รับการตรวจสอบโดย Supabase และ Spring Boot
ไม่มีการยืนยัน double
end note
@enduml

@startuml
skinparam backgroundColor #FEFEFE
autonumber

actor "ลูกค้า" as user
participant "JBake" as jbake
participant "Spring Boot" as spring
participant "Supabase ฐานข้อมูล" as supadb
participant "Stripe API" as stripe
participant "บริการสินค้าคงคลัง" as inventory
participant "บริการอีเมล" as email
database "PostgreSQL" as db

user -> jbake : สั่งซื้อ
jbake -> spring : POST /api/orders/create

== Orchestration Spring Boot ==
spring -> db : BEGIN TRANSACTION

par Vérifications Parallèles
  spring -> inventory : ตรวจสอบสินค้า
  inventory -> spring : สต็อก OK
else
  spring -> db : ตรวจสอบโปรไฟล์ลูกค้า
  db -> spring : ลูกค้าที่ได้รับการยืนยันแล้ว
end

spring -> stripe : สร้าง Payment Intent
stripe -> spring : อินเทนต์ถูกสร้าง (ID: pi_xxx)

spring -> db : สร้าง Order (status: PENDING)
db -> spring : คำสั่งถูกสร้าง

spring -> stripe : ยืนยันการชำระเงิน
stripe -> spring : การชำระเงินได้รับการยืนยัน

spring -> db : อัปเดตคำสั่งซื้อ (สถานะ: PAID)
spring -> inventory : ลดจำนวนสินค้า
spring -> db : COMMIT TRANSACTION

par Notifications Asynchrones
  spring -> email : การยืนยันอีเมล
else
  spring -> supadb : แทรกการแจ้งเตือน
  note right: การแจ้งเตือนแบบเรียลไทม์\nผ่าน Supabase เรียลไทม์
end

spring -> jbake : คำสั่งซื้อยืนยันแล้ว
jbake -> user : แสดงการยืนยัน

note over spring
**หน้าที่ Spring Boot :**
• Transaction ACID
• การประสานงานหลายบริการ
• การยกเลิกอัตโนมัติหากเกิดข้อผิดพลาด
• จัดการกรณีขอบเขต
end note
@enduml

@startuml
skinparam backgroundColor #FEFEFE

participant "ตัวกำหนดการ\n(Spring Boot)" as scheduler
participant "บริการรายงาน" as report
participant "PostgreSQL" as db
participant "ภายนอก API" as api
participant "บริการอีเมล" as email
participant "Supabase ที่จัดเก็บ" as storage

== Job Quotidien : 2 ชั่วโมง 00 นาที
activate scheduler
scheduler -> report : ทริกเกอร์การสร้างรายงาน

activate report
report -> db : ดึงข้อมูล ข้อมูล\nของ ล่าสุด 24 ชั่วโมง
db -> report : ชุดข้อมูล

report -> report : การคำนวณและการรวม
report -> report : Generation PDF

report -> storage : อัปโหลด PDF
storage -> report : URL publique

report -> email : ส่งถึงผู้ดูแล\nพร้อมลิงก์ PDF
deactivate report

== Job Hebdomadaire : วันอาทิตย์ 3h00 ==
scheduler -> report : การซิงโครไนซ์ภายนอก

activate report
report -> api : ดึงข้อมูลภายนอก
api -> report : ข้อมูลใหม่

report -> db : อัปเดตตาราง
report -> db : ทำความสะอาดข้อมูลที่ล้าสมัย
deactivate report

== Job Mensuel : วันที่ 1 ของเดือน
scheduler -> report : การออกใบแจ้งหนี้

activate report
report -> db : รายชื่อลูกค้าที่ใช้งานอยู่
report -> report : คำนวณจำนวนเงิน
report -> api : การสร้างใบแจ้งหนี้ (Stripe)
report -> email : ส่งใบแจ้งหนี้
deactivate report

deactivate scheduler

note right of scheduler
เป็นไปไม่ได้โดยใช้ Supabase เพียงอย่างเดียว
ฟังก์ชัน Edge ไม่เหมาะสม
สำหรับงานระยะยาวและซ้ำ ๆ
end note
@enduml

@startuml
skinparam backgroundColor #FEFEFE

start

:Nouvelle fonctionnalité à implémenter;

if (CRUD simple ?) then (oui)
  :✅ **Supabase**;
  stop
else (non)
  if (Authentification ?) then (oui)
    :✅ **Supabase Auth**;
    stop
  else (non)
    if (Upload fichiers ?) then (oui)
      :✅ **Supabase Storage**;
      stop
    else (non)
      if (Temps réel ?) then (oui)
        :✅ **Supabase Realtime**;
        stop
      else (non)
        if (Row Level Security\nsuffisante ?) then (oui)
          :✅ **Supabase + Policies**;
          stop
        else (non)
          :⚠️ **Considérer Spring Boot**;
          #Coral:Passer à l'arbre\nde décision Spring Boot;
          stop
        endif
      endif
    endif
  endif
endif

@enduml

@startuml
skinparam backgroundColor #FEFEFE

start

:Nouvelle fonctionnalité complexe;

if (Orchestration\nmulti-services ?) then (oui)
  :✅ **Spring Boot**;
  stop
else (non)
  if (Transaction ACID\ncritique ?) then (oui)
    :✅ **Spring Boot**;
    stop
  else (non)
    if (Job planifié ?) then (oui)
      :✅ **Spring Boot Scheduler**;
      stop
    else (non)
      if (Intégration API\ntierce complexe ?) then (oui)
        :✅ **Spring Boot**;
        stop
      else (non)
        if (Calculs lourds\n> 10 secondes ?) then (oui)
          :✅ **Spring Boot**;
          stop
        else (non)
          if (Cache distribué\nnécessaire ?) then (oui)
            :✅ **Spring Boot + Redis**;
            stop
          else (non)
            :⚠️ **Probablement Supabase**;
            #LightGreen:Revenir à l'arbre\nde décision Supabase;
            stop
          endif
        endif
      endif
    endif
  endif
endif

@enduml

@startuml
skinparam backgroundColor #FEFEFE
skinparam componentStyle rectangle

package "บล็อกส่วนตัว - 95% Supabase" {
  component "JBake" as jbake #SkyBlue

  package "Supabase (ฟรี)" #LightGreen {
    [Auth: OAuth2 Google]
    [Articles (CRUD)]
    [Commentaires]
    [Images (Storage)]
    [Notifications Realtime]
  }

  package "Spring Boot (ไม่บังคับ)" #LightCoral {
    [Newsletter Mensuelle]
    note bottom: เฉพาะงานที่กำหนดเวลาไว้เท่านั้น
  }

  database "PostgreSQL" as db

  jbake --> [Auth: OAuth2 Google]
  jbake --> [Articles (CRUD)]
  jbake --> [Commentaires]
  jbake --> [Images (Storage)]
  jbake --> [Notifications Realtime]

  [Articles (CRUD)] --> db
  [Commentaires] --> db
  [Newsletter Mensuelle] --> db
}

note bottom of "Spring Boot (ไม่บังคับ)"
**ไม่จำเป็นต้องใช้ Spring Boot**
จดหมายข่าวสามารถจัดการได้
โดยบริการของบุคคลที่สาม (Mailchimp)
end note
@enduml

@startuml
skinparam backgroundColor #FEFEFE
skinparam componentStyle rectangle

package "แอปพลิเคชัน SaaS - สถาปัตยกรรมแบบไฮบริด" {
  component "JBake / React" as frontend #SkyBlue

  package "Supabase" #LightGreen {
    [Auth Multi-tenant]
    [Profils Utilisateurs]
    [Données Simples]
    [Storage Documents]
  }

  package "Spring Boot" #Coral {
    [Facturation (Stripe)]
    [Analytics Avancées]
    [Rapports Mensuels]
    [Quotas & Limites]
    [Webhooks Stripe]
  }

  cloud "บริการภายนอก" {
    [Stripe API]
    [SendGrid Email]
  }

  database "PostgreSQL ที่ใช้ร่วมกัน" as db

  frontend --> [Auth Multi-tenant]
  frontend --> [Profils Utilisateurs]
  frontend --> [Données Simples]
  frontend --> [Facturation (Stripe)]
  frontend --> [Analytics Avancées]

  [Auth Multi-tenant] --> db
  [Profils Utilisateurs] --> db
  [Données Simples] --> db

  [Facturation (Stripe)] --> db
  [Facturation (Stripe)] --> [Stripe API]
  [Analytics Avancées] --> db
  [Rapports Mensuels] --> db
  [Rapports Mensuels] --> [SendGrid Email]
  [Webhooks Stripe] ..> [Stripe API] : Écoute
}

note right of "Spring Boot"
**จำเป็นสำหรับ:**
• การจัดการการสมัครสมาชิก
• การเรียกเก็บเงินแบบต่อเนื่อง
• โควตาแบบไดนามิก
• การวิเคราะห์ที่ซับซ้อน
• Webhooks ที่เชื่อถือได้
end note
@enduml

@startuml
skinparam backgroundColor #FEFEFE
skinparam componentStyle rectangle

package "อีคอมเมิร์ซ - 70% Spring Boot" {
  component "หน้าร้าน (JBake/React)" as frontend #SkyBlue

  package "Supabase" #LightGreen {
    [Auth Clients]
    [Catalogue Produits\n(lecture seule)]
    [Images Produits]
  }

  package "Spring Boot (แกนธุรกิจหลัก)" #Coral {
    [Gestion Commandes]
    [Paiements Stripe]
    [Gestion Stock]
    [Calcul Frais Port]
    [Génération Factures]
    [Synchronisation ERP]
    [Emails Transactionnels]
  }

  cloud "การเชื่อมต่อ" {
    [Stripe]
    [Transporteur API]
    [ERP Externe]
  }

  database "PostgreSQL" as db

  frontend --> [Auth Clients]
  frontend --> [Catalogue Produits\n(lecture seule)]
  frontend --> [Gestion Commandes]

  [Auth Clients] --> db
  [Catalogue Produits\n(lecture seule)] --> db

  [Gestion Commandes] --> db
  [Paiements Stripe] --> [Stripe]
  [Gestion Stock] --> db
  [Calcul Frais Port] --> [Transporteur API]
  [Génération Factures] --> db
  [Synchronisation ERP] --> [ERP Externe]
  [Synchronisation ERP] --> db
}

note right of "Spring Boot (แกนธุรกิจหลัก)"
**Spring Boot ที่ขาดไม่ได้ :**
• ธุรกรรมที่สำคัญ
• การประสานงานที่ซับซ้อน
• การเชื่อมต่อหลายระบบ
• การปฏิบัติตามกฎหมาย
• งานซิงโครไนซ์
end note
@enduml

@startuml
skinparam backgroundColor #FEFEFE

package "ต้นทุนรายเดือนโดยประมาณ" {

  rectangle "ระยะ MVP\n(ผู้ใช้ 0-1000 คน)" #LightGreen {
    [JBake (GitHub Pages): 0€]
    [Supabase: 0€]
    [Spring Boot: N/A]
    note bottom: **รวม: 0€/เดือน**
  }

  rectangle "ระยะเติบโต\n(ผู้ใช้ 1k-10k คน)" #LightYellow {
    [JBake (GitHub Pages): 0€]
    [Supabase: 0€]
    [Spring Boot (Cloud Run): 20-50€]
    [PostgreSQL (si séparé): 0-30€]
    note bottom: **รวม: 20-80€/เดือน**
  }

  rectangle "ระยะสเกล\n(ผู้ใช้ 10k-100k คน)" #LightCoral {
    [JBake (Netlify Pro): 19€]
    [Supabase Pro: 25€]
    [Spring Boot (instances multiples): 100-300€]
    [Redis Cache: 20-50€]
    [Monitoring: 20€]
    note bottom: **รวม: 184-414€/เดือน**
  }
}

note right of "ระยะสเกล\n(ผู้ใช้ 10k-100k คน)"
ในขั้นนี้ รายได้คุ้มกับต้นทุนอย่างมาก
end note
@enduml

@startuml
skinparam backgroundColor #FEFEFE

package "ใครจัดการอะไร?" {

  rectangle "จัดการโดย Supabase (0 ความพยายาม)" #LightGreen {
    [Authentification]
    [Base de données]
    [Backups automatiques]
    [Scaling automatique]
    [Monitoring DB]
    [Sécurité DB]
  }

  rectangle "จัดการโดย GitHub (0 ความพยายาม)" #SkyBlue {
    [Hébergement site statique]
    [HTTPS/SSL]
    [CDN global]
    [Déploiement automatique]
  }

  rectangle "ต้องจัดการ (Spring Boot)" #LightCoral {
    [Déploiement application]
    [Monitoring APM]
    [Logs centralisés]
    [Scaling horizontal]
    [Mises à jour sécurité]
  }
}

note bottom of "ต้องจัดการ (Spring Boot)"
**สามารถย่อขนาดได้ด้วย:**
• Cloud Run (แบบเซิร์ฟเวอร์เลส)
• Kubernetes (หากจำเป็น)
• บริการแบบ Managed (RDS ฯลฯ)
end note
@enduml

@startmindmap
skinparam backgroundColor #FEFEFE
* สถาปัตยกรรม\nไฮบริด

** เริ่มอย่างง่ายๆ
***_ MVP และ Supabase
***_ 0€ ไม่มีค่าใช้จ่ายเริ่มต้น
***_ การตรวจสอบอย่างรวดเร็ว

** พัฒนาอย่างฉลาด
***_ เพิ่ม Spring Boot\nถ้าจำเป็น
***_ การย้ายข้อมูลแบบค่อยเป็นค่อยไป
***_ ไม่มีการปรับปรุงทั้งหมด

** ใช้ประโยชน์จากจุดแข็ง
***_ Supabase: ความเรียบง่าย
***Spring Boot: พลัง
***_ PostgreSQL: แหล่งที่เป็นเอกลักษณ์

** ลดความซับซ้อน
***_ ไม่มีการซิงโครไนซ์
***ไม่มีการคัดลอก
***_ สถาปัตยกรรมที่ชัดเจน

** ลดค่าใช้จ่าย
***_ ฟรีตั้งแต่เริ่มต้น
***_ การปรับขนาดแบบก้าวหน้า
***_ ROI ชัดเจน

@endmindmap

@startuml
skinparam backgroundColor #FEFEFE

package "สถาปัตยกรรมไฮบริดแบบสมบูรณ์" {

  actor "ผู้ใช้" as users

  rectangle "ฟรอนต์เอนด์ (สแตติก)" #SkyBlue {
    [JBake / GitHub Pages]
    note right: ฟรี, CDN ทั่วโลก
  }

  rectangle "แบ็กเอนด์แบบง่าย (Supabase)" #LightGreen {
    [Auth OAuth2]
    [CRUD APIs]
    [Storage]
    [Realtime]
    note right
ฟรีสูงสุดถึงผู้ใช้ 50k
ไม่ต้องตั้งค่าเซิร์ฟเวอร์
    end note
  }

  rectangle "แบ็กเอนด์ด้านธุรกิจ (Spring Boot)" #Coral {
    [Orchestration]
    [Jobs Planifiés]
    [Intégrations]
    [Transactions]
    note right
เปิดใช้งานเฉพาะเมื่อจำเป็น
    end note
  }

  database "PostgreSQL\nแหล่งความจริงเพียงหนึ่งเดียว" as db #LightGray

  users --> [JBake / GitHub Pages]

  [JBake / GitHub Pages] --> [Auth OAuth2]
  [JBake / GitHub Pages] --> [CRUD APIs]
  [JBake / GitHub Pages] --> [Storage]
  [JBake / GitHub Pages] --> [Realtime]
  [JBake / GitHub Pages] --> [Orchestration]

  [Auth OAuth2] --> db
  [CRUD APIs] --> db
  [Orchestration] --> db
  [Jobs Planifiés] --> db
  [Intégrations] --> db
}

note bottom of db
**ฐานข้อมูลเดียว ผู้ใช้งานสองราย**
• Supabase สำหรับกรณีง่าย
• Spring Boot สำหรับกรณีที่ซับซ้อน
• ไม่จำเป็นต้องซิงโครไนซ์
end note

@enduml

@startuml
skinparam backgroundColor #FEFEFE

rectangle "สถาปัตยกรรมปัจจุบัน" #SkyBlue {
  [JBake]
  [Supabase]
  [Spring Boot]
}

rectangle "การพัฒนาที่เป็นไปได้" #LightYellow {

  package "ประสิทธิภาพ" {
    [Redis Cache]
    [CDN pour Assets]
    [PostgreSQL Replicas]
  }

  package "การตรวจสอบ" {
    [Grafana]
    [Prometheus]
    [Sentry]
  }

  package "CI/CD" {
    [GitHub Actions]
    [Tests Automatisés]
    [Déploiement Continu]
  }

  package "ฟังก์ชันการทำงาน" {
    [Search (ElasticSearch)]
    [Queue (RabbitMQ)]
    [Event Sourcing]
  }
}

[Spring Boot] .down.> [Redis Cache] : Peut ajouter
[Spring Boot] .down.> [Queue (RabbitMQ)] : Peut ajouter
[Spring Boot] .down.> [Search (ElasticSearch)] : Peut ajouter

[Supabase] .down.> [PostgreSQL Replicas] : Peut ajouter

note bottom
**สถาปัตยกรรมที่ขยายได้**
การเพิ่มแต่ละครั้งเป็นอิสระต่อกัน
ไม่จำเป็นต้องออกแบบใหม่ทั้งหมด
end note
@enduml

@startuml
skinparam backgroundColor #FEFEFE

package "การกระจายการดำเนินงาน" {

  rectangle "80% - การดำเนินงานมาตรฐาน" #LightGreen {
    [Lecture de données]
    [Création d'entités]
    [Mise à jour simple]
    [Suppression]
    [Upload fichiers]
    [Authentification]

    note bottom: **จัดการโดย Supabase**
  }

  rectangle "20% - ตรรกะทางธุรกิจ" #Coral {
    [Calculs complexes]
    [Workflows multi-étapes]
    [Transactions critiques]
    [Intégrations tierces]
    [Jobs planifiés]

    note bottom: **จัดการโดย Spring Boot**
  }
}

note right
**โฟกัสที่เหมาะสมที่สุด:**
เวลาพัฒนาของคุณ
มุ่งเน้นไปที่ 20% ที่
ทำให้ผลิตภัณฑ์ของคุณแตกต่าง
end note
@enduml