Site Yapım Detayları
Bu site nasıl yapıldı? Kullanılan teknolojiler, tasarım kararları, altyapı ve ilham kaynaklarının dürüst, eksiksiz dökümü.
Teknoloji Yığını
Framework
- Next.js16.2.3App Router, standalone SSR, Turbopack
- React19.2.3Server Components + use() hook
- TypeScript5.7Strict mode, %99.68 type coverage
Styling
- Tailwind CSSv4@theme + @custom-variant dark, OKLCH
- CSS VariablesDesign tokens, runtime theme switch
- Apple HIG colorsCanonical iOS Blue (#007AFF / #0A84FF dark)
Animation
- Motionv12LazyMotion + domAnimation strict (~120KB tasarruf)
- Lenis Smooth ScrollGPU-accelerated 60fps
- GPU-only propertiestransform + opacity, layout reflow yok
State
- ZustandHafif client state
- TanStack Queryv5Server state + cache
- nuqsType-safe URL search params
Data
- Prismav6.9Type-safe ORM
- PostgreSQL16Engagement + analytics
- ResendNewsletter delivery
Quality
- Vitest186/186 unit + integration
- Playwright + axe-coreWCAG 2.2 AA E2E
- Lighthouse CIPerf 90+ / A11y 100 / BP 100 / SEO 100
Deploy
- Hetzner CCXStandalone Node SSR + PM2
- CloudflareCDN + Brotli + 0-RTT + HTTP/3
- Let's EncryptTLS 1.3 + HSTS preload
Observability
- PostgreSQL analytics1st party, GDPR/KVKK uyumlu
- Microsoft ClarityConsent-gated heatmap
- Real User MonitoringCWV via web-vitals lib
Tipografi
DisplaySF Pro Display100-900 variableApple system font, opsz axis
BodySF Pro Text100-900 variableAynı SF Pro, küçük opsz
MonoSF Mono400 / 500 / 700Code blocks, version numbers
Tasarım İlkeleri
Önce Performans
Standalone SSR, ISR, dynamic import, GPU-only animasyon
Amaçlı Hareket
Her animasyon kullanıcıyı yönlendirir, dekoratif değil
Varsayılan Erişilebilirlik
WCAG 2.2 AA, prefers-reduced-motion, 44×44px hedef
Doğal Karanlık Mod
Sistem tercihiyle senkron, custom-variant Tailwind v4
Altyapı
- Origin
- Hetzner CCX (Helsinki, EU)
- Runtime
- Node 20 + PM2 cluster
- CDN
- Cloudflare (300+ POPs)
- Cache
- 60s edge + 300s ISR
- TLS
- 1.3 + HSTS preload
- DB
- PostgreSQL 16 managed
İlham Kaynakları
Lisans ve Kaynak
- •Tasarım ve içerik © 2026 Muhittin Çamdalı
- •Kaynak kod MIT lisansı altında GitHub'da yayınlanmıştır
- •İkonlar: Lucide (ISC) + SF Symbols (Apple sistem)
- •Fontlar: SF Pro + SF Mono (Apple Personal Use License, self-hosted woff2)
- •Detaylı teşekkür ve referans listesi için /credits/ sayfasına bakın
Bu site sevgiyle ve çok fazla ile yapılmıştır.
← Ana sayfaya dön