← Blog'a Dön
TEKNIK

PWA Nedir? Progressive Web App Rehberi

F. Çağrı Bilgehan19 Şubat 20268 dk okuma
PWAProgressive Web Appmobilweb uygulamaservice worker

PWA Nedir? Progressive Web App Rehberi

Kullanıcılarınız her uygulamayı indirmek istemiyor — App Store/Play Store'daki sürtünme çok fazla. Ya web siteniz bir mobil uygulama gibi çalışabilseydi? PWA bunu mümkün kılıyor.

PWA Nedir?

Progressive Web App, web teknolojileriyle (HTML, CSS, JS) geliştirilen ama native uygulama gibi davranan web uygulamalarıdır. Ana ekrana eklenebilir, offline çalışabilir, push bildirim gönderebilir.

Native App vs PWA

| Kriter | Native App | PWA | |--------|-----------|-----| | Geliştirme maliyeti | Yüksek (iOS + Android ayrı) | Düşük (tek kod) | | App Store gerekli mi? | Evet | Hayır | | Güncelleme | Kullanıcı indirmeli | Otomatik | | Offline çalışma | Evet | Evet | | Push bildirim | Evet | Evet | | Ana ekran ikonu | Evet | Evet | | Cihaz API'leri | Tam erişim | Sınırlı erişim | | SEO | Yok | Var | | Keşfedilebilirlik | App Store | Google arama |

PWA'nın Temel Bileşenleri

1. Service Worker

Tarayıcı ile ağ arasında çalışan bir proxy:

  • Offline caching
  • Arka plan senkronizasyon
  • Push bildirimler
  • Network request yönetimi

2. Web App Manifest

Uygulamanın meta bilgilerini tanımlar:

  • Uygulama adı ve ikonu
  • Tema renkleri
  • Ekran oryantasyonu
  • Başlangıç URL'i
  • Display modu (fullscreen, standalone)

3. HTTPS

PWA'lar sadece güvenli bağlantı üzerinden çalışır.

PWA Başarı Hikayeleri

| Şirket | Sonuç | |--------|-------| | Twitter Lite | %65 sayfa artışı, %75 tweet artışı | | Pinterest | %60 etkileşim artışı, %44 reklam geliri | | Starbucks | 2x aktif kullanıcı artışı | | Alibaba | %76 dönüşüm artışı | | Uber | 50KB boyut, 3G'de bile 3 sn yükleme |

PWA Yetenekleri (2026)

Çalışan:

  • Offline çalışma
  • Push bildirimleri (iOS dahil)
  • Ana ekrana ekleme
  • Arka plan senkronizasyon
  • Kamera erişimi
  • Geolocation
  • Dosya sistemi erişimi

Sınırlı:

  • Bluetooth (kısıtlı)
  • NFC (kısıtlı)
  • Parmak izi/Face ID (Web Authentication API)

PWA Ne Zaman Seçmeli?

PWA Seçin:

  • Bütçe sınırlı (tek codebase)
  • SEO önemli
  • Kullanıcılar uygulama indirmek istemiyor
  • Hızlı güncelleme gerekli
  • Geniş erişim (App Store sınırlaması yok)

Native Seçin:

  • Gelişmiş donanım erişimi gerekli (AR, Bluetooth)
  • Yoğun grafik/oyun
  • App Store görünürlüğü önemli
  • Çok karmaşık offline senaryolar

Sonuç

PWA, web ve native arasındaki en iyi denge. Düşük maliyet, geniş erişim ve native benzeri deneyim sunar. 2026'da birçok işletme için native uygulama yerine PWA en mantıklı seçim.

PWA geliştirmek veya mevcut web sitenizi PWA'ya dönüştürmek isterseniz benimle iletişime geçin: info@cagribilgehan.com. Projelerime göz atın: cagribilgehan.com

İlgili Yazılar

Acik Kaynak Yazilim Rehberi: Nedir, Nasil Katki Yapilir?

Acik kaynak yazilim nedir, lisans turleri nelerdir ve acik kaynak projelere nasil katki yapilir? GitHub, open source ve topluluk rehberi.

CI/CD Nedir? Surekli Entegrasyon ve Dagitim Rehberi

CI/CD nedir, neden onemlidir ve nasil kurulur? GitHub Actions, Jenkins ve otomatik test-deploy pipeline rehberi.