LabLudus'un Teknik Altyapısı: Next.js + Gamification
LabLudus, yazılım mimarisini oyunlaştırarak öğreten bir platform. Peki bu platformun kendisi nasıl bir mimari üzerinde çalışıyor?
Genel Mimari
LabLudus'un mimarisi birkaç temel katmandan oluşur:
- Frontend — Next.js 14 (App Router)
- Backend — Supabase (PostgreSQL + Auth + Storage)
- Gamification Engine — Özel geliştirilmiş ilerleme ve rozet sistemi
- Code Editor — Monaco Editor tabanlı interaktif kod ortamı
- i18n — next-intl ile Türkçe/İngilizce tam destek
Gamification Motoru
LabLudus'un kalbi, gamification motorudur. Bu motor şunları yönetir:
Kariyer Yolları
5 farklı kariyer yolu (Architect, DevOps, SecOps, MLOps, Foundation), her biri kendi görev ağacıyla.
İlerleme Sistemi
- Zone bazlı ilerleme (her zone bir kitap bölümüne karşılık gelir)
- Görev tamamlama ile XP kazanma
- Rozet ve başarım sistemi
Görev Tipleri
- Fill-in-the-blank (boşluk doldurma)
- Wizard (adım adım)
- Canlı kod editörü
- Soru-cevap
İnteraktif Kod Editörü
Monaco Editor'ü entegre ederek, kullanıcıların tarayıcıda gerçek kod yazmasını sağladık. Özellikler:
- Syntax highlighting
- Auto-completion
- Diff viewer (çözümle karşılaştırma)
- Test çalıştırma
i18n Stratejisi
next-intl v3.x ile tam çift dilli destek:
- URL bazlı routing (
/tr/game,/en/game) - Görev içerikleri dosya bazlı
- SEO için locale-spesifik meta tagları
Performans
- Lighthouse skoru: 95+ (Performance)
- Core Web Vitals: Tamamı yeşil
- SSR + ISR kombinasyonu ile hızlı yükleme
Alınan Dersler
LabLudus'u geliştirirken öğrendiğimiz en önemli şeyler:
- Gamification zor — Oyunlaştırma sadece puan ve rozet değil, motivasyon psikolojisi
- İçerik kraldır — En güzel UI bile kötü içerikle başarısız olur
- i18n baştan düşünülmeli — Sonradan eklemek 10 kat daha zor
Sonraki Adımlar
- Mentorluk modülü
- Topluluk özellikleri
- Mobil PWA desteği
- AI destekli görev önerileri
LabLudus sürekli evrilmeye devam ediyor. Yazılım mimarisini öğretirken, kendimiz de her gün yeni şeyler öğreniyoruz.