Progressive Web App (PWA) Nedir?
PWA, tarayıcıdan kurulabilir + ekrana eklenebilir + offline çalışabilir + push notification gönderebilen modern web uygulaması. Native uygulamanın %70-80 özelliğini sunuyor + tek codebase (web) + App Store onayı yok. iOS 16.4+ + Android 5+ tam destek. Restoran, e-katalog, portal projelerinde popüler.
PWA üç teknoloji birleşimi: 1. Service Worker — background script, offline cache + sync 2. Web App Manifest — ekrana ekle + ikon + theme color + display mode (fullscreen) 3. HTTPS — zorunlu (PWA HTTP'de çalışmaz)
PWA özellikleri: - Ana ekrana ekle (Add to Home Screen) — native uygulama gibi ikon - Offline çalışma — service worker cache ile - Push notification — iOS 16.4+ dahil tüm platformlarda - Background sync — internet geldiğinde otomatik veri senkronu - Fullscreen mode — browser address bar gizleniyor - Splash screen — açılış sayfası
PWA vs Native karşılaştırma: - Geliştirme süresi: PWA 4-8 hafta, Native (React Native) 8-12 hafta - Maliyet: PWA 30-60K TL, Native 90-200K TL - Distribution: PWA URL paylaşımı yeterli; Native App Store + Google Play - Update: PWA anında (cache invalidation); Native store onayı (3-7 gün) - API erişimi: PWA çoğu API (kamera, GPS, notification); bluetooth/NFC için native
DevPixel'in PWA önerdiği senaryolar: B2B portallar, e-katalog, restoran menü, basit e-ticaret. Native önerdiği: oyun, AR/VR, sürekli bluetooth bağlantısı, kamera AI.
DevPixel'in PWA stratejisi: mevcut Next.js sitelerinin %30'u PWA destekli — service worker + manifest eklendi, ek 1-2 hafta. Müşteri portali (portal.devpixel.com.tr) PWA — admin'ler mobil cihazlarına 'ana ekrana ekle' ile native uygulama deneyimi alıyor.