Kişisel Portfolyo Sitesi
React ve Vite ile sıfırdan kurduğum, Next.js 'e geçirdiğim bu site. Bir iOS mühendisi olarak web dünyasına adım atma hikayem.
Demo Görseli Yok
Kullanılan Teknolojiler
Kişisel Portfolyo Sitesi
Bu proje, kendime bir meydan okuma olarak tamamen front-end teknolojileriyle sıfırdan geliştirdiğim kişisel web sitemdir. İlk başta React ve Vite kullanarak statik bir SPA (Single Page Application) olarak tasarladığım projeyi, daha sonra SEO avantajları ve performans artışı için Next.js App Router mimarisine geçirdim.
Temel Özellikler
- Modern Mimari: Next.js App Router ve React Server Components.
- Dinamik İçerik: MDX tabanlı blog ve portfolyo sistemi.
- Performans & SEO: Statik site oluşturma (SSG) ve optimize edilmiş meta etiketler.
- Karanlık Mod (Dark Mode):
next-themesile kusursuz tema geçişleri. - Responsive Tasarım: Tailwind CSS ile en küçük mobil ekrandan 4K ekranlara kadar tam uyumluluk.
Neden Geliştirdim?
Bir iOS mühendisi olarak kariyerimin büyük çoğunluğu Swift, UIKit ve SwiftUI ile geçti. Ancak modern bir yazılımcının "T-shaped" becerilere sahip olması gerektiğine inanıyorum. Kendi kişisel markamı oluştururken hazır şablonlar kullanmak yerine, web ekosisteminin en güncel teknolojilerini bizzat deneyimlemek istedim.
"Web dünyası, mobil dünyadan çok farklı dinamiklere sahip ancak temel mühendislik prensipleri her zaman aynı."
Kullanılan Teknolojiler
Aşağıdaki teknolojilerle geliştirildi ve Vercel üzerinde barındırılıyor:
- Framework: Next.js 15 (App Router)
- Dil: TypeScript
- Stil Odaklı: Tailwind CSS v4
- İçerik Yönetimi: MDX ve Gray-Matter
- İkonlar: Lucide React