derinbartan.com: Şampiyon Sporcu Portfolyosu
Next.js ve Framer Motion ile geliştirilmiş interaktif sporcu portfolyosu.
Technologies
Next.js Framer Motion Tailwind CSS Vercel
Links
Proje Özeti
ILCA 4 U16 Dünya ve Avrupa Şampiyonu Derin Bartan’ın uluslararası yelken kariyerini dijital dünyada en iyi şekilde yansıtmak için Next.js ve Framer Motion teknolojilerini kullanarak modern, interaktif ve performanslı bir portfolio sitesi geliştirdim. Proje, Derin’in başarılarını sadece listelemekle kalmıyor, aynı zamanda ziyaretçilere bu başarıların büyüklüğünü hissettiren bir deneyim sunuyor.
Teknik Özellikler
- İnteraktif Animasyonlar: Framer Motion ile oluşturulmuş, scroll-triggered ve hover animasyonları.
- Performans Odaklı Mimari: Next.js 14 App Router ile hızlı yükleme süreleri ve SEO optimizasyonu.
- Dinamik İçerik: Şampiyonluklar ve başarılar dinamik olarak listelenir.
- Responsive Tasarım: Tüm cihazlarda mükemmel bir kullanıcı deneyimi.
Kullanılan Teknolojiler
Frontend
- Next.js 14: App Router mimarisi ile geliştirildi.
- Framer Motion: Etkileyici ve akıcı animasyonlar için.
- Tailwind CSS: Modern ve özelleştirilebilir bir tasarım için.
Deployment
- Vercel: Otomatik deployment ve hosting.
Sonuç
derinbartan.com, bir dünya şampiyonunun dijital kimliğini yansıtan, modern ve etkileyici bir platform oldu. Proje, hem Derin’in kariyerini desteklemekte hem de modern web teknolojilerinin sporcu portfolyolarında nasıl kullanılabileceğine dair bir örnek teşkil etmektedir.