Proje Özeti
Hesap.com, kullanıcıların ihtiyaç kredisi, kredi kartı ve diğer finansal ürünleri saniyeler içinde karşılaştırıp başvuru yapabildiği yenilikçi bir B2C Fintech platformudur. Projenin hem son kullanıcıya dönük arayüzlerini (Frontend) hem de karmaşık iş kurallarını barındıran iç yönetim panellerini (Backoffice) baştan sona Next.js mimarisiyle geliştirdim.
Karşılaşılan Zorluklar
Finansal platformlarda verinin doğruluğu, sayfanın hızlı açılması ve SEO performansı en kritik üç metrik olarak öne çıkar. Yüzlerce farklı banka kampanyasının anlık olarak güncellenmesi ve kullanıcıya filtreleme anında sıfır gecikme (zero-latency) ile sunulması gerekiyordu.
Çözüm ve Mimari
- Veri Yönetimi (State Management): Banka verilerinin senkronizasyonu için Redux Toolkit ve RTK Query kullandık. Bu sayede gereksiz API isteklerini (network requests) önledik ve akıllı cache mekanizmasıyla performansı artırdık.
- Core Web Vitals Optimizasyonu: Uygulamayı Next.js App Router (SSR) ile kurgulayarak Google LCP ve CLS skorlarını %30 oranında iyileştirdik. Arama motoru botları sayfalarımızı ışık hızında indexlemeye başladı.
- Güvenlik: Finansal veri taşıdığımız için XSS ve CSRF ataklarına karşı sıkı güvenlik önlemleri uyguladık, veri validasyonlarını Zod ile client-side ve server-side olmak üzere çift katmanlı hale getirdik.
Sonuç
Proje canlıya alındıktan sonra organik trafikte belirgin bir artış yaşandı. Sayfa yüklenme hızlarının düşmesiyle birlikte kredi başvuru dönüşüm oranlarında (conversion rate) ciddi bir iyileşme gözlemlendi.