Destek Ekipleri için Çok Kanallı Mesajlaşma Platformu

Connexease'in frontend'ini Next.js ve Module Federation ile micro frontend mimarisine taşıdık, AWS altyapısını yeniden kurgulayarak aylık cloud maliyetini %72 düşürdük. Connexease, WhatsApp, Telegram, e-posta, LinkedIn ve Twitter üzerinden gelen müşteri iletişimini tek bir gelen kutusunda toplayan bir SaaS platformu. Destek ekipleri tüm mesajları araç değiştirmeden tek arayüzden yönetiyor. Platform pik dönemlerde günde yaklaşık 5 milyon mesaj işliyor.

Problem

Connexease bize geldiğinde platform çalışıyordu ama kendi ağırlığı altında zorlanıyordu. Frontend zamanla organik biçimde tek ve sıkı bağlı bir kod tabanına dönüşmüştü. Her yeni özellik, uygulamanın tamamına dokunmak demekti. Gelen kutusu görünümündeki bir değişiklik raporlama modülünü bozabiliyordu. Dağıtımlar tüm ekip arasında koordinasyon gerektiriyordu.

Mesaj hacmi büyüdükçe cloud maliyeti de onunla birlikte, gerçek kullanımla ilgisi olmayan biçimlerde büyüyordu. Altyapı gerçek trafik yapısına göre şekillendirilmemişti. Bazı yerlerde fazla kaynak ayrılmış, bazı yerlerde yetersiz kalmıştı.

Geliştirici hızı düşmüştü. Kod tabanı bir temel değil, bir engeldi.

Ne Yaptık

Tüm frontend'i Next.js, TypeScript, Tailwind CSS ve Module Federation kullanarak micro frontend mimarisi üzerinde sıfırdan yazdık.

Temel fikir, platformu bağımsız ve alan sahipliği olan frontend uygulamalarına bölmekti. Gelen kutusu, otomasyon akışları, şablon yönetimi, CRM entegrasyonları ve raporlama; her biri ayrı bir dağıtılabilir birim oldu. Gelen kutusu üzerinde çalışan bir ekibin raporlama modülüne dokunmak için hiçbir sebebi kalmadı. Dağıtımlar küçük, hızlı ve güvenli hale geldi.

Bunu çalışma zamanında mümkün kılan şey Module Federation oldu. Her micro frontend bağımsız yükleniyor, ortak bağımlılıkları paylaşıyor ve son kullanıcı için tek bir ürün deneyiminde birleşiyor. Yeni kanal ve entegrasyonların düzenli olarak yayına çıktığı bir platformda bu mimari, yeni özelliklerin ana yapıya dokunmadan eklenebilmesi demekti.

Tüm kod tabanında TypeScript kullanmak, micro frontend'ler arasındaki tip sözleşmelerinin derleme zamanında zorunlu tutulması anlamına geldi. Daha önce production'da ortaya çıkacak entegrasyon hataları dağıtımdan önce yakalandı.

Rol bazlı erişim kontrolü temel bir gereklilikti. Connexease, farklı temsilcilerin, ekip liderlerinin ve yöneticilerin farklı erişim seviyelerine ihtiyaç duyduğu kurumsal hesaplara hizmet veriyor. WhatsApp görüşmelerini yöneten bir destek temsilcisinin faturalandırmaya ya da hesap ayarlarına erişimi olmamalı. RBAC sonradan eklenmedi, mimariye baştan kuruldu.

Gelen kutusu görünümü üründeki en yoğun trafiği taşıyor. Kurumsal hesaplarda çalışan temsilciler WhatsApp, Telegram, e-posta ve diğer kanallarda aynı anda yüzlerce görüşme yürütüyor. Bu görünümü, arayüz yük altında bozulmadan gerçek zamanlı mesaj güncellemelerini ölçekte taşıyacak şekilde yeniden kurduk. Render, sürekli büyüyen listeler için optimize edildi. Durum yönetimi, yeni mesajların arayüzün ilgisiz parçalarında gereksiz yeniden render tetiklememesi için yeniden yapılandırıldı.

Altyapı tarafında gerçek trafik şeklini analiz edip cloud dağıtımını ona göre yeniden kurguladık. Ani yük taşıyan servisler, arka plan işleme yapan servislerden farklı boyutlandırıldı. Sonuç, performanstan hiç ödün vermeden aylık cloud maliyetinde %72 düşüş oldu.

Sonuç

Cloud maliyeti %72 düştü. Daha önce tüm mühendislik ekibi arasında koordinasyon gerektiren dağıtımlar tek tek micro frontend'lere indirgendi. Platform bugün günde yaklaşık 5 milyon mesaj işliyor ve büyümeye yeri var.

Connexease'in mühendislik ekibi yeni özellikleri, yeni kanal entegrasyonlarını ve ürün iyileştirmelerini mimari önlerine çıkmadan yayına alabiliyor.