KodAlpha Teması: SaaS ve Yazılım Ürünleri İçin

KodAlpha; SaaS ürünü, geliştirici aracı ya da yazılım platformu satan şirketler için hazırlanmış, React ile etkileşimli bir web sitesi temasıdır. Örnek içerik kurgusal bir CI/CD ve deploy platformu üzerine kuruludur; yapı her SaaS ürününe uyar: özellikler, fiyatlar, entegrasyonlar, müşteri hikâyeleri, yenilikler (changelog), blog ve demo talebi. Tek grafik fikri deploy hattıdır: sayfanın üstünde kaydırdıkça dolan build → test → deploy şeridi, bölüm etiketleri hattın aşamaları, terminal ve uygulama pencereleri. Renkler gece siyahı, nane yeşili ve kehribar; yazı tipleri Merriweather Sans, Spline Sans ve Azeret Mono.

React Adaları

İçerik arama motorları için sunucuda HTML olarak basılır; etkileşimli parçalar React 18 bileşenleri olarak üstüne bağlanır (yerel dosyalar, derleme adımı yok). Açılışta canlı deploy konsolu: dal seçilir, Deploy düğmesine basılır, aşamalar ilerler ve loglar akar. Uygulama turu: ürünün ekranları sekmelerle gezilir, loglar canlı süzülür, bir sürüm geri alınır, metrik çubukları görülür. Fiyat hesaplayıcı: kullanıcı sayısı ve aylık/yıllık seçimiyle her planın tutarı anında hesaplanır.

SaaS Sayfa Yapısı

Özellikler hat aşamalarına göre gruplanır, güvenlik ve KVKK bloğu eklenir. Fiyat sayfasında plan kartları, hesaplayıcı ve sık sorulan sorular (FAQPage şeması) vardır. Entegrasyonlar kategoriye göre süzülür ve örnek yapılandırma dosyası gösterilir. Müşteri hikâyelerinde önce → sonra rakamları, teknoloji listesi ve alıntı bulunur. Yenilikler sayfası sürüm notlarını türüne göre (yeni, iyileştirme, düzeltme) süzer. Demo talep formu ekip büyüklüğü, plan ve teknolojiyi sorar.

Yönetim Paneli

Özellikler, fiyat planları, entegrasyonlar, müşteri hikâyeleri, sürüm notları ve SSS ayrı ekranlardan yönetilir; React adaları bu verilerle çalışır. Sitedeki her metin, bağlantı ve anasayfa bölümü panelden düzenlenir; her alanın yanında "Sitede nerede?" açıklaması vardır.

Teknik Altyapı

SEO: SoftwareApplication (planlar teklif olarak), FAQPage, makale ve yol yapısal verisi; sunucu tarafında basılan içerik; çok dilli XML site haritası; hreflang; llms.txt. Performans: React yalnız gereken sayfalarda yüklenir, yerel yazı tipleri. Güvenlik: CSP nonce'lu betikler, CSRF, XSS ve SQL enjeksiyonu koruması, form bot tuzağı ve hız sınırı, iki adımlı doğrulama. KVKK: çerez onayı, tema tasarımıyla açılan yasal sayfalar.

Türkçe ve İngilizce tam içerikle gelir. Lisans ve otomatik güncelleme sistemi entegredir; 6 ay teknik destek dahildir.