Bu site nasıl yapıldı? Kullanılan teknolojiler, tasarım kararları ve ilham kaynakları.
Teknoloji Yığını
Framework
Next.js 16React 19TypeScript 5.7
Styling
Tailwind CSS v4CSS VariablesRadix UI
Animation
Framer MotionLenis Smooth Scroll
State
ZustandTanStack Querynuqs
Testing
VitestPlaywrightTesting Library
Deploy
Static ExportNginxHetzner VPS
Tipografi
DisplaySpace Grotesk(500-700)
HeadingsInter(600-800)
BodyInter(400-500)
CodeJetBrains Mono(400)
Tasarım İlkeleri
Önce Performans
Statik export, minimal JS, optimize edilmiş varlıklar
Amaçlı Hareket
Her animasyon bir amaca hizmet eder
Varsayılan Erişilebilirlik
WCAG 2.1 AA uyumlu, azaltılmış hareket desteği
Doğal Karanlık Mod
Sistem tercihi ile senkronize, göz yormayan
İlham Kaynakları
Lisans & Kaynak
- • Tasarım ve içerik: © 2026 Muhittin Çamdalı
- • İkonlar: Lucide + SF Symbols
- • Fontlar: Space Grotesk, Inter, JetBrains Mono (Open Font License)
Bu site sevgiyle ve çok fazla ile yapılmıştır.
← Ana sayfaya dön