Bu kişisel siteyi hangi amaçlarla, nasıl bir mimaride ve hangi araçlarla kurduğumu anlatıyorum.
Neyi Amaçladım
- Öğrenme notlarımı ve projelerimi tek yerde toplamak
- Hızlı, erişilebilir, bakımı kolay bir yapı kurmak
- İçerik eklemeyi dosya tabanlı (JSON / Markdown) hale getirmek
Mimari Kararlar
- Next.js App Router ile sayfa ve dinamik route yapısı
- İçerik kaynağı dosyaları (proje ve blog içerikleri için content klasörü)
- Proje detaylarında opsiyonel butonlar ve dış link desteği
- 'slug' tabanlı okunabilir URL'ler (SEO ve kullanıcı deneyimi için)
Kullandığım Teknolojiler
- Next.js + TypeScript — Hem SSR/SSG faydaları hem de tip güvenliği
- Tailwind CSS — Hızlı stil geliştirme ve utility-first bileşenleşme
- Lucide Icons — Hafif, tutarlı ikon seti
- Nodemailer — İletişim formu için backend API route ile e-posta gönderimi
- Firebase (opsiyonel entegrasyon) — İçerik/formlar için basit veri depolama (projede kullanılan seçenekler)
Neden bu seçimler?
- Next.js: App Router ile sayfa yönetimi ve performans optimizasyonu kolaylığı
- TypeScript: Daha güvenilir ve sürdürülebilir kod
- Tailwind: Tek tip yardımcı sınıflarla hızlı UI kurmak
Gelecek Planı
- Blog içeriklerini MDX'e taşımak (zengin içerik, bileşen gömme)
- Proje sayfalarına görsel/diagram eklemek
- Basit arama ve etiketleme altyapısı eklemek