Örnek ekran: takımlar ve skorlar temsilîdir. Canlı akış bu örnekte tarayıcıda simüle edilir ve zaman hızlandırılmıştır; gerçek sistemde veri NestJS üzerinden Redis ve SSE ile dağıtılır.
SSE bağlı · son olay az önce

Canlı maçlar

Olay akışı

Sunucudan gelen her olay tek bir kanaldan dağıtılır; listeler yalnız değişen satırı günceller.

    Maç merkezi

    Olaylar

      İstatistik

      Karşılaştırma

      Puan durumu

      Puan durumu, biten maçların sonuçlarından hesaplanır; canlı maçtaki değişiklikler maç bitince tabloya işlenir.

      Elle skor girişi

      Veri sağlayıcısı olmayan branşlar için editör skoru buradan girer, canlı listeye aynı saniye düşer.

      Veri kaynakları

      Sağlayıcı kesilirse son bilinen skor önbellekten sunulmaya devam eder, bağlantı dönünce fark alınıp yayınlanır.

      Veri akışı

      Sağlayıcı / editörBranş API uçları ve yönetim paneli
      NestJS toplayıcıÇekme, fark alma, doğrulama, kuyruk
      PostgreSQL + RedisKalıcı kayıt, sıcak veri ve yayın kanalı
      SSE yayınYalnız değişen satır gider, yeniden bağlanma otomatik
      Next.js arayüzSunucu tarafı ilk yükleme, sonra akış

      Geliştirme aşamaları

      • 1
        Veri modeli, sağlayıcı bağlantıları, toplayıcı servis
        hafta 1-3
      • 2
        Canlı liste, maç merkezi, fikstür ve sonuçlar
        hafta 4-7
      • 3
        Puan durumu, takım sayfaları, karşılaştırma
        hafta 8-10
      • 4
        Yönetim paneli, elle giriş, yetkiler
        hafta 11-13
      • 5
        Yük testi, Cloudflare önbellek kuralları, yayın
        hafta 14-16

      Süreler branş ve sağlayıcı sayısına göre netleşir; her aşama sonunda çalışan sürüm teslim edilir.