Webová Aplikace vs Mobilní Aplikace vs PWA: Co Potřebujete? (2025)

"Potřebujeme mobilní aplikaci?" - tuto otázku slyším každý týden.

A odpověď není jednoduchá. Nativní mobilní aplikace může stát 500,000-2,000,000 Kč a trvat 6-12 měsíců, zatímco webová aplikace vyjde na 100,000-400,000 Kč za 2-4 měsíce. Progressive Web App (PWA)? Někde mezi tím.

Ale cena není jediné kritérium. Instagram by jako web nefungoval. Naopak váš e-shop pravděpodobně nepotřebuje nativní aplikaci.

70% času na mobilech uživatelé tráví v aplikacích, ale 80% tohoto času je v top 3 aplikacích (Facebook, WhatsApp, Instagram). Vaše aplikace pravděpodobně nebude mezi nimi.

V tomto článku ukážu přesné rozdíly mezi webovou aplikací, mobilní aplikací a PWA, kdy kterou použít, reálné náklady a jak se rozhodnout správně. Založeno na faktech a reálných datech.

---

1. Co Je Co - Definice a Základy

Webová Aplikace

Co to je:

Aplikace která běží v prohlížeči
Přístupná přes URL (například.cz)
Responsivní = funguje na mobilu i desktopu
Nativní funkcionalita omezená

Příklady:

- Gmail (web verze)
- Google Docs
- Trello
- Figma
- Notion
- Slack (web verze)

Technologie:

Frontend: React, Vue.js, Angular, Next.js
Backend: Node.js, Python, PHP, Java
Databáze: PostgreSQL, MongoDB, MySQL
Hosting: Cloudové servery (AWS, Hetzner)

Klíčové vlastnosti:

✓ Jeden kód pro všechny platformy
✓ Okamžité aktualizace
✓ Žádná instalace nutná
✓ SEO možné (indexování Googlem)
✓ Sdílení přes URL
✗ Omezený přístup k zařízení
✗ Vyžaduje internetové připojení
✗ Horší performance než native

---

Nativní Mobilní Aplikace

Co to je:

Aplikace vytvořená specificky pro iOS nebo Android
Instaluje se z App Store nebo Google Play
Běží přímo na zařízení
Plný přístup k hardware funkcím

Příklady:

- WhatsApp
- Instagram  
- Uber
- Spotify
- Banking apps (většina)
- Fitness apps (Strava, Nike Run Club)

Technologie:

iOS: Swift, Objective-C, Xcode
Android: Kotlin, Java, Android Studio

Cross-platform:
- React Native (JavaScript)
- Flutter (Dart)
- Xamarin (C#)

Klíčové vlastnosti:

✓ Nejlepší performance
✓ Plný přístup k hardware (kamera, GPS, Bluetooth)
✓ Offline funkcionalita
✓ Push notifikace (native)
✓ App Store distribuce
✓ Lepší UX (native pocit)
✗ Drahý vývoj (2 platformy)
✗ Aktualizace přes store (pomalé)
✗ Nutná instalace (friction)
✗ App Store approval process

---

Progressive Web App (PWA)

Co to je:

Hybrid mezi webem a aplikací
Web aplikace s native funkcemi
Instalovatelná na plochu
Funguje offline (service workers)

Příklady:

- Twitter Lite
- Pinterest
- Starbucks
- Trivago
- Uber (web verze)
- Spotify (web player)

Technologie:

Stejné jako web app +
- Service Workers (offline, cache)
- Web App Manifest (instalace)
- Push API (notifikace)
- Modern APIs (GPS, kamera)

Frameworks: Next.js, React, Vue.js

Klíčové vlastnosti:

✓ Instalovatelná bez App Store
✓ Offline funguje (částečně)
✓ Push notifikace (na Androidu)
✓ Rychlé načítání (cache)
✓ Jeden kód pro všechny platformy
✓ Levnější než native
✓ Okamžité aktualizace
~ Středně dobrý přístup k hardware
~ Horší než native, lepší než web
✗ iOS omezená podpora (no push)

---

2. Srovnávací Tabulka - Rychlý Přehled

Funkce a Možnosti

---

Náklady a Čas

Poznámka: Native app často = iOS + Android = 2× náklady!

---

Performance

---

3. Kdy Použít Webovou Aplikaci

✅ Ideální Pro:

1. B2B SaaS Nástroje

Příklady: CRM, projektový management, účetnictví
Proč: Desktop dominantní, častý přepínání
Users očekávají web (zvyk)

Real příklady:
- Salesforce (CRM)
- Asana (projektový management)
- Fakturoid (fakturace)

2. Content Platformy

Příklady: Blogy, média, zpravodajství
Proč: SEO kritické, sdílení obsahu
Návštěvníci přicházejí z Googlu

Real příklady:
- Medium
- iDNES
- Seznam Zprávy

3. E-commerce (většina případů)

Proč: SEO nutné pro organický traffic
Uživatelé nakupují napříč zařízeními
Nízká barrier to entry (no install)

Real příklady:
- Amazon (primárně web)
- Alza (primárně web)
- Mall (primárně web)

4. Informační Weby & Portfolia

Proč: Jednoduchý obsah
Žádné složité interakce
SEO důležité

Příklady:
- Firemní weby
- Portfolio weby
- Landing pages

5. Veřejné Služby & Formuláře

Proč: Přístupnost (no install barrier)
Jednorázové použití
Desktop/mobile mix

Příklady:
- Daňové přiznání online
- Rezervační systémy
- Dotazníky, ankety

---

❌ NENÍ Vhodné Pro:

✗ Real-time hry (potřeba high performance)
✗ Foto/video editace (náročné na výkon)
✗ Fitness tracking (GPS, offline nutné)
✗ Messaging apps (push notifikace kritické)
✗ AR/VR aplikace (hardware access nutný)
✗ Banking apps (security concerns)

---

💰 Nákladový Příklad - Webová Aplikace

CRM systém pro malou firmu:

Funkce:
- Správa kontaktů
- Pipeline management
- Úkoly a kalendář
- Reporting
- Team collaboration

Stack:
- Frontend: Next.js + React
- Backend: Node.js + PostgreSQL
- Hosting: Hetzner VPS

Náklady:
Design: 40,000 Kč
Frontend development: 120,000 Kč
Backend development: 100,000 Kč
Testing & deployment: 20,000 Kč
---
Celkem: 280,000 Kč

Čas: 3 měsíce
Údržba: 8,000 Kč/měsíc

📖 Více o technologiích: Next.js vs React - co je lepší pro váš projekt

---

4. Kdy Použít PWA (Progressive Web App)

✅ Ideální Pro:

1. Mobile-First E-commerce

Příklady: Fashion, rychlé občerstvení, retail
Proč: Rychlé načítání, offline košík
Push notifikace pro akce (Android)

Real příklady:
- Starbucks (objednávání)
- Trivago (travel)
- Pinterest (discovery)

Výhody:
✓ SEO zachováno (na rozdíl od native)
✓ Lepší conversion než web (15-20%)
✓ Push notifikace (Android)
✓ Offline košík & wishlist

2. News & Media Apps

Proč: Offline čtení
Rychlé načítání obsahu
Push notifikace pro breaking news

Real příklad:
- Twitter Lite (šetří data)
- Washington Post
- Forbes

Výhody:
✓ 70% rychlejší načítání
✓ 90% méně dat než native
✓ Offline čtení článků

3. Travel & Booking Apps

Proč: Offline přístup k rezervacím
Rychlý lookup
Push notifikace pro lety

Real příklad:
- Uber (web verze)
- Booking.com (web)

Výhody:
✓ Offline boarding passes
✓ Rychlý přístup na letišti
✓ Menší download size

4. Social Media Light Versions

Proč: Emerging markets (pomalý net)
Data savings
Starší zařízení

Real příklad:
- Twitter Lite
- Facebook Lite (native, ale concept)

Výhody:
✓ 90% menší než native
✓ Funguje na 2G sítích
✓ Méně RAM

5. Progressive Enhancement Strategie

Kdy: Chcete web + postupně přidat app features
Rozpočet: Střední (nemůžete native)
Audience: Mobile-heavy

Approach:
1. Start s responsivním webem
2. Přidejte service workers (offline)
3. Add to homescreen
4. Push notifikace (Android)
5. Postupné zlepšování

---

⚠️ Omezení PWA - Co Nedělá Dobře:

iOS Limitations:

❌ Žádné push notifikace (Safari)
❌ Omezený storage (50MB)
❌ Horší integrace než Android
❌ Ne všechny APIs podporované

Note: Apple záměrně omezuje PWA
(chrání App Store revenue)

Hardware Access:

⚠️ NFC: Ne
⚠️ Bluetooth: Experimentální
⚠️ Pokročilá kamera: Omezená
⚠️ Background processing: Omezený

App Store Presence:

~ Můžete PWA dát do App Store (wrapping)
~ Ale ztrácíte výhody PWA (okamžité update)
~ A platíte 30% fee Applu

---

💰 Nákladový Příklad - PWA

E-shop s offline košíkem:

Funkce:
- Product catalog
- Košík (offline funguje)
- Checkout
- Order tracking
- Push notifikace (Android)
- Add to homescreen

Stack:
- Next.js + PWA features
- Service Workers
- Backend API
- Payment gateway

Náklady:
Design: 60,000 Kč
Frontend (PWA): 180,000 Kč
Backend API: 120,000 Kč
Payment integrace: 40,000 Kč
Testing & PWA optimalizace: 30,000 Kč
---
Celkem: 430,000 Kč

Čas: 4 měsíce
Údržba: 12,000 Kč/měsíc

Savings vs Native:
Native iOS + Android: ~1,200,000 Kč
PWA: 430,000 Kč
---
Ušetřeno: 770,000 Kč (64%)

---

5. Kdy Použít Nativní Mobilní Aplikaci

✅ MUSÍTE Native Když:

1. Potřebujete Plný Hardware Access

Případy:
- Fitness tracking (GPS, senzory, health data)
- AR/VR aplikace (kamera, gyro, výkon)
- Banking (biometrie, security chip)
- Health apps (heart rate, steps)
- IoT control (Bluetooth)

Real příklady:
- Strava (fitness tracking)
- Nike Run Club
- Revolut (banking)
- Snapchat (AR filters)
- Philips Hue (IoT)

Proč native nutné:
✓ Continuous GPS tracking
✓ Background processing
✓ Full sensor access
✓ Best-in-class security
✓ Hardware acceleration

2. Performance Je Kritická

Případy:
- Mobile hry
- Video/foto editing
- Real-time komunikace
- 3D aplikace
- Animace-heavy apps

Real příklady:
- PUBG Mobile
- Instagram (foto filters)
- Adobe Lightroom Mobile
- TikTok (video processing)

Proč native:
✓ 60 FPS plynulost
✓ Instant response
✓ GPU acceleration
✓ Nízká latence

3. Offline-First Je Core Feature

Případy:
- Note-taking apps
- Task managers
- Reading apps
- Music/podcast players
- Map navigation

Real příklady:
- Evernote
- Things 3
- Kindle
- Spotify
- Google Maps

Proč native:
✓ Full offline database
✓ Background sync
✓ No connection = no problem
✓ Local storage unlimited

4. Native UX Je Konkurenční Výhoda

Případy:
- Premium produkty
- High-engagement apps
- Consumer-facing apps
- Apps s denním použitím

Real příklady:
- Instagram
- WhatsApp
- Uber
- Airbnb

Proč native:
✓ Native gestures (smooth)
✓ Platform conventions
✓ Feels "right"
✓ Zero lag
✓ Premium perception

5. Push Notifikace Jsou Business-Critical

Případy:
- Messaging apps
- Delivery apps
- Social media
- News apps
- Scheduling apps

Real příklady:
- WhatsApp
- Uber (driver/rider)
- Instagram
- CNN

Proč native nutné:
✓ Reliable push (iOS)
✓ Rich notifications
✓ Background processing
✓ User expects native

---

💡 Často Se Mylně Myslí Že Potřebujete Native:

"Potřebujeme být v App Store"
→ Není nutné pro většinu business
→ PWA může být dost (Android)

"Mobilní uživatelé očekávají app"
→ Pouze pro určité kategorie
→ E-commerce? Web je OK

"Lepší performance"
→ Ano, ale často nepotřebujete
→ PWA je dost rychlé pro většinu

"Push notifikace"
→ PWA má push (Android = 70%)
→ Email/SMS funguje taky

"Offline access"
→ PWA podporuje offline
→ Service workers jsou powerful

---

⚠️ Native App Nevýhody:

Vysoké Náklady:

iOS + Android development = 2× cena
Minimum: 500,000 Kč (simple app)
Střední: 1,000,000-2,000,000 Kč
Komplexní: 3,000,000-10,000,000+ Kč

+ Apple developer: $99/rok (2,500 Kč)
+ Google Play: $25 jednorázově (600 Kč)

Dlouhý Vývoj:

Simple app: 3-6 měsíců
Střední: 6-12 měsíců
Komplexní: 12-24+ měsíců

= Pomalý time-to-market
= Pomalá iterace

Aktualizace Složité:

Bug fix: 2-7 dní (App Store review)
Nová feature: Submit → review → release
Critical bug? Users musí update

vs Web: Deploy okamžitě

App Store Friction:

Uživatel musí:
1. Najít app (search/link)
2. Otevřít store
3. Přečíst popis
4. Kliknout install
5. Čekat download (50-200MB)
6. Otevřít app
7. Projít onboarding

vs Web: Klik na link → tam jste

Drop-off rate: 70-90%!

Údržba Náročná:

2 platformy = 2× kód
= 2× testování
= 2× bug fixing
= 2× updates

Měsíční údržba: 20-80k Kč

Store Poplatky:

Apple: 30% všech transakcí (<1M)
       15% nad 1M (Small Business Program)
Google: 30% všech transakcí (<1M)
        15% nad 1M

= Významný % z revenue!

---

💰 Nákladový Příklad - Native App

Fitness tracking app (iOS + Android):

Funkce:
- GPS tracking
- Heart rate monitoring
- Workout historie
- Social features
- Challenge systém
- Apple Health / Google Fit integrace

Stack:
iOS: Swift + SwiftUI
Android: Kotlin + Jetpack Compose
Backend: Node.js API
Cloud: AWS

Náklady:

DESIGN (obě platformy):
- UX research: 40,000 Kč
- UI design: 80,000 Kč
---
Subtotal design: 120,000 Kč

iOS DEVELOPMENT:
- Core app: 250,000 Kč
- GPS tracking: 80,000 Kč
- Health integrace: 60,000 Kč
- Social features: 100,000 Kč
---
Subtotal iOS: 490,000 Kč

ANDROID DEVELOPMENT:
- Core app: 250,000 Kč
- GPS tracking: 80,000 Kč
- Fit integrace: 60,000 Kč
- Social features: 100,000 Kč
---
Subtotal Android: 490,000 Kč

BACKEND:
- API development: 200,000 Kč
- Database: 40,000 Kč
- Push notifications: 30,000 Kč
---
Subtotal backend: 270,000 Kč

TESTING & LAUNCH:
- QA obě platformy: 80,000 Kč
- App Store setup: 20,000 Kč
---
Subtotal testing: 100,000 Kč

---
CELKEM: 1,470,000 Kč

Čas: 9 měsíců
Údržba: 35,000 Kč/měsíc

Poznámka: Cross-platform (React Native/Flutter) může ušetřit 30-40% nákladů, ale stále 2-3× dražší než PWA.

📖 Více o vývoji: Web vs Webová aplikace - rozdíly a kdy co použít

---

6. Cross-Platform Frameworks - Kompromis?

React Native

Co to je:

JavaScript framework od Facebooku
Píšete jednou, deployujete na iOS + Android
Používá native komponenty

Výhody:

✓ Jeden kód = iOS + Android
✓ JavaScript (web dev friendly)
✓ Hot reload (rychlý vývoj)
✓ Velká komunita
✓ Používá Facebook, Instagram

Úspora nákladů: 30-50% vs plně native

Nevýhody:

✗ Horší performance než pure native
✗ Někdy potřebujete native code
✗ Větší bundle size
✗ Závislost na third-party

Kdy použít:

→ Standardní business apps
→ Social media apps
→ E-commerce apps
→ Content apps

NE pro:
→ Hry
→ Heavy animace
→ AR/VR
→ Cutting-edge features

Příklady:

- Instagram
- Facebook
- Discord
- Shopify
- Bloomberg

---

Flutter

Co to je:

Framework od Google
Dart programming jazyk
Vlastní rendering engine
Cross-platform (iOS, Android, Web!)

Výhody:

✓ Nejlepší performance (cross-platform)
✓ Pixel-perfect UI
✓ Hot reload
✓ Jeden kód = mobile + web
✓ Growing rychle

Úspora nákladů: 40-60% vs native

Nevýhody:

✗ Dart jazyk (méně známý)
✗ Menší komunita než React Native
✗ Větší app size
✗ Mladší ekosystém

Kdy použít:

→ Custom UI důležité
→ Performance kritická
→ Chcete web + mobile z jednoho kódu
→ Startup (rychlý vývoj)

Ideální pro:
→ Fintech apps
→ E-commerce
→ Productivity apps

Příklady:

- Google Pay
- Alibaba
- BMW
- eBay Motors

---

Srovnání - Pure Native vs Cross-Platform

Verdict:

Pure Native: Když performance & quality > cena
React Native: Když máte web dev team & standardní app
Flutter: Když chcete nejlepší cross-platform & custom UI

---

7. Rozhodovací Framework - Jak Se Rozhodnout

Krok 1: Odpovězte Na Tyto Otázky

Hardware Access:

□ Potřebujete Bluetooth? → Native
□ Potřebujete continuous GPS? → Native
□ Potřebujete NFC? → Native
□ Potřebujete plnou kontrolu kamery? → Native
□ Potřebujete biometrii (bezpečnost)? → Native

Pokud ANO na 2+ → Native je nutné

Performance Requirements:

□ Real-time hry? → Native
□ Video/foto editing? → Native
□ Složité animace? → Native nebo Flutter
□ AR/VR? → Native
□ Simple CRUD operace? → Web/PWA OK

Pokud první 3 ANO → Native
Pokud poslední ANO → Web/PWA stačí

Offline Functionality:

□ Kompletní offline fungování nutné? → Native
□ Částečný offline OK? → PWA
□ Online only? → Web App

Jak moc offline potřebujete = klíčové

Push Notifications:

□ Business-critical? → Native
□ Nice to have? → PWA (Android) + email
□ Nepotřebujete? → Web App

Note: iOS PWA nemá push!

SEO Requirement:

□ Organický traffic důležitý? → Web nebo PWA
□ App discovery přes search? → Web nebo PWA
□ Pouze App Store discovery? → Native OK

E-commerce/content = SEO nutné

---

Krok 2: Vyhodnoťte Rozpočet vs Požadavky

Máte <200k Kč:

→ Web App (responsivní)
→ Landing page + formuláře
→ Simple web app

Můžete postavit:
- Portfolio/firemní web
- Booking systém
- Simple CRM
- Content platform

Máte 200-500k Kč:

→ Robustní Web App
→ PWA s offline features
→ Simple React Native app (1 platform)

Můžete postavit:
- E-shop s PWA
- Booking platform
- SaaS nástroj (simple)
- PWA s push notifikacemi

Máte 500k-1M Kč:

→ Advanced PWA
→ React Native app (iOS + Android)
→ Komplexní Web App

Můžete postavit:
- Full-featured e-commerce
- Social media platform
- Productivity app (cross-platform)
- SaaS s advanced features

Máte 1M-3M Kč:

→ Pure Native (iOS + Android)
→ Flutter app high-quality
→ Complex web platform

Můžete postavit:
- Fitness tracking app
- Banking app
- Advanced social media
- Enterprise SaaS

Máte 3M+ Kč:

→ Pure Native high-end
→ Complex platform all devices
→ Custom everything

Můžete postavit:
- Gaming app
- Video streaming platform
- Advanced fintech
- IoT control system

---

Krok 3: Decision Tree

START
│
├─ Potřebujete Bluetooth/NFC/Advanced Hardware?
│  ├─ ANO → NATIVE APP
│  └─ NE → Pokračovat
│
├─ Potřebujete nejlepší možnou performance?
│  ├─ ANO (hry, video edit) → NATIVE APP
│  └─ NE → Pokračovat
│
├─ Je SEO kritické pro byznys?
│  ├─ ANO → WEB APP nebo PWA
│  │  │
│  │  ├─ Potřebujete offline + push notifikace?
│  │  │  ├─ ANO (Android mostly) → PWA
│  │  │  └─ NE → WEB APP
│  │  │
│  └─ NE → Pokračovat
│
├─ Jsou push notifikace business-critical?
│  ├─ ANO (messaging, delivery) → NATIVE APP
│  └─ NE → Pokračovat
│
├─ Jaký je rozpočet?
│  ├─ <500k → PWA
│  ├─ 500k-1M → React Native / Flutter
│  └─ >1M → Pure Native
│
└─ Default doporučení: PWA (best of both worlds)

---

8. Distribution & Marketing

Web App - SEO Je Král

Výhody:

✓ Google indexuje
✓ Organic traffic zdarma
✓ Sdílení přes URL (viral potential)
✓ Žádný approval process
✓ Deploy kdy chcete

Channels:
- Google Search (70% trafficu)
- Social media sharing
- Email marketing
- Paid ads (PPC)

Marketing strategie:

1. SEO optimalizace
2. Content marketing
3. Link building
4. Social media
5. Paid search ads

Investment: 10-50k Kč/měsíc
ROI: High (organic compound)

📖 SEO guide: SEO checklist pro nový web

---

Native App - App Store Optimization

Výhody:

✓ App Store legitimita
✓ Featured možnost (if lucky)
✓ Category browsing
✓ Ratings & reviews

Nevýhody:
✗ Discovery těžké (miliony apps)
✗ Organický growth pomalý
✗ Paid acquisition drahá

ASO (App Store Optimization):

Klíčové faktory:
1. App název (keywords!)
2. Popis (prvních 255 znaků)
3. Keywords (iOS 100 chars)
4. Screenshots (konverze!)
5. Ratings (4+ stars nutné)
6. Reviews (quantity + quality)
7. Downloads (velocity důležitá)

Investment: 20-100k Kč/měsíc
ROI: Lower než SEO

Acquisition náklady:

CPI (Cost Per Install):

Casual game: 5-20 Kč
Utility app: 20-50 Kč
E-commerce: 30-100 Kč
Finance app: 100-500 Kč
B2B app: 500-2000 Kč

10,000 instalací = 500,000 Kč+ !

Retention je critical

Channels:

1. App Store Search (organické)
2. Social media ads (Facebook, Instagram)
3. Google App Campaigns
4. Influencer marketing
5. PR / Press coverage
6. Cross-promotion

Paid acquisition = nutnost většinou

---

PWA - Hybrid Přístup

Výhody:

✓ SEO jako web
✓ + Instalovatelná jako app
✓ Best of both worlds
✓ Progressivní přístup

Strategie:
1. Attract přes SEO/content
2. Uživatel najde web
3. Nabídnout "Add to homescreen"
4. Convert to "app" user

Install prompt:

Kdy zobrazit:
- Po 2-3 návštěvách
- Po nějaké akci (add to cart)
- Když user engaged

Conversion rate: 5-15%
(z web visitors → app users)

---

9. Maintenance & Dlouhodobé Náklady

Web App Údržba

Měsíční náklady (typické):

Simple app (5-10k Kč/měsíc):
- Hosting: 500-1500 Kč
- Monitoring: 0-500 Kč
- Bug fixes: 2000-5000 Kč
- Security updates: 1000-2000 Kč

Střední app (10-25k Kč/měsíc):
- Hosting: 1500-3000 Kč
- Monitoring: 500-1000 Kč
- Bug fixes: 4000-10000 Kč
- Security updates: 2000-5000 Kč
- Feature updates: 2000-8000 Kč

Komplexní app (25-100k+ Kč/měsíc):
- Hosting: 3000-10000 Kč
- Monitoring: 1000-3000 Kč
- Bug fixes: 10000-30000 Kč
- Security: 5000-15000 Kč
- Features: 10000-50000 Kč

Co zahrnuje:

✓ Server údržba
✓ Security patches
✓ Dependency updates
✓ Bug fixing
✓ Performance monitoring
✓ Backup management
✓ SSL renewal
✓ Minor features

📖 Více o údržbě: Údržba webu - co zahrnuje a kolik stojí

---

PWA Údržba

Měsíční náklady:

= Web App náklady + 20-30%

Extra work:
- Service worker updates
- Cache management
- PWA manifest updates
- Push notification služba (0-2000 Kč)
- Testing cross-browser
- iOS vs Android quirks

Typicky: 8-30k Kč/měsíc

---

Native App Údržba

Měsíční náklady:

Simple app (20-40k Kč/měsíc):
- iOS updates: 8000-15000 Kč
- Android updates: 8000-15000 Kč
- Backend: 2000-5000 Kč
- Bug fixes: 2000-5000 Kč

Střední app (40-80k Kč/měsíc):
- iOS development: 15000-30000 Kč
- Android development: 15000-30000 Kč
- Backend: 5000-10000 Kč
- Testing: 5000-10000 Kč

Komplexní app (80-200k+ Kč/měsíc):
- iOS team: 30000-80000 Kč
- Android team: 30000-80000 Kč
- Backend: 10000-30000 Kč
- QA: 10000-20000 Kč

Proč dražší:

→ Dvě platformy = 2× práce
→ OS updates (iOS 1-2×/rok, Android 1×/rok)
→ Device fragmentation (testování)
→ App Store resubmissions
→ Backward compatibility

Extra costs:

- Apple Developer: 2,500 Kč/rok
- Google Play: 600 Kč (once)
- Push notification service: 1000-5000 Kč/měsíc
- Analytics: 0-3000 Kč/měsíc
- Crash reporting: 0-2000 Kč/měsíc

---

5-Year Total Cost of Ownership

Web App:

Initial: 300,000 Kč
Údržba: 15k × 60 = 900,000 Kč
---
5-year total: 1,200,000 Kč

PWA:

Initial: 450,000 Kč
Údržba: 18k × 60 = 1,080,000 Kč
---
5-year total: 1,530,000 Kč

Native (iOS + Android):

Initial: 1,500,000 Kč
Údržba: 50k × 60 = 3,000,000 Kč
---
5-year total: 4,500,000 Kč

Native = 3× dražší než Web long-term!

---

10. Real Case Studies - Veřejné Příklady

Twitter Lite (PWA Success Story)

Situation:

Problém: Native app příliš velká (200MB+)
Target: Emerging markets (pomalý internet)
Challenge: Zachovat engagement

Solution: PWA

Velikost: <1MB (200× menší!)
Offline: Ano (service workers)
Push: Ano (Android)
Load time: 3 sekundy na 3G

Výsledky (publikované):

✓ 65% zvýšení stránek per session
✓ 75% zvýšení tweeetů
✓ 20% snížení bounce rate
✓ 70% rychlejší načítání

Data savings: 90% vs native app

Proč to fungovalo:

→ Target audience (emerging markets)
→ Data savings kritické
→ Offline funguje (sítě nestabilní)
→ Fast loading = better engagement

---

Starbucks (PWA for Ordering)

Situation:

Problém: Mobile web konverze nízká
Native app: Pouze pro loajální users
Need: Řešení pro casual users

Solution: PWA

Features:
- Browse menu offline
- Customize orders
- Add to cart (offline)
- Push notifikace (deals)

Výsledky (publikované):

✓ 2× daily active users
✓ Desktop users ordering přes PWA
✓ Offline menu browsing successful
✓ 99.84% menší než iOS app

Order conversion zvýšena

---

Pinterest (PWA Conversion)

Situation:

Mobile web: 1% sign-up conversion
Native app: Dobrá engagement, špatná discovery
Challenge: Balance discovery vs engagement

Solution: PWA

Approach:
1. Zachovat SEO (discovery)
2. Přidat app-like features
3. Push notifikace
4. Offline pins

Výsledky (publikované):

✓ 40% time spent increase
✓ 44% ad revenue increase
✓ 60% engagement increase
✓ Installation: opt-in only

Core metrics všechny nahoru

---

Instagram (Why Native?)

Proč Instagram zůstává native:

Důvody:
1. Camera kritická (filters real-time)
2. Stories (video processing)
3. Performance (smooth scrolling)
4. Offline content viewing
5. Background upload

Native výhody:
- GPU acceleration pro filtry
- Native camera API (best quality)
- Background processing
- Best-in-class UX
- Premium feel

Web verze existuje, ale limited
Native = primary experience

---

Uber (Hybrid Approach)

Strategie:

Native app: Pro riders & drivers
→ GPS tracking kritické
→ Real-time updates
→ Best performance

Web + PWA: Pro discovery & booking
→ SEO traffic
→ No install friction
→ Quick bookings

Výsledek:

✓ Native pro core users (retention)
✓ Web pro acquisition (discovery)
✓ PWA pro casual users (convenience)

Multi-platform strategie
Each serves different need

---

11. Budoucnost - Trends 2025+

Web Technologie Catching Up

WebAssembly (Wasm):

Co to je: Near-native performance v browseru
Use case: Heavy computation apps
Status: Již použitelné

Možnosti:
- Video editing v browseru
- 3D modeling
- Gaming (částečně)
- Photo editing

Examples:
- Figma (design tool)
- AutoCAD (web verze)
- Google Earth

→ Stírání rozdílů web vs native

WebGPU:

Co to je: Direct GPU access v browseru
Use case: Graphics-heavy apps
Status: Shipping v Chrome/Safari

Možnosti:
- Advanced 3D graphics
- Machine learning
- Video processing
- Gaming

→ Native-level graphics v browseru

Project Fugu (Chrome):

Cíl: Web apps = full platform access
APIs shipping:
- File System Access
- Web Bluetooth
- Web NFC (experimental)
- Web USB
- Serial API

→ Menší důvodů pro native

---

Apple vs Google - PWA Battle

Google Push (Android):

✓ Full PWA support
✓ Push notifications
✓ Install prompts
✓ Chromebook support

→ Android = PWA-friendly

Apple Resistance (iOS):

⚠️ Limited PWA support
❌ No push notifications (Safari)
⚠️ Storage limitations
⚠️ Background processing limited

Proč: Chrání App Store revenue (30%)

→ iOS = PWA-hostile
→ Ale pomalu se zlepšuje (EU pressure)

EU Regulation:

Digital Markets Act (DMA)
→ Apple musí povolit alt browsers
→ PWA může získat full features

Očekáváno: 2024-2025
→ Game changer pro PWA

---

Cross-Platform Evolution

Flutter Web:

Status: Production ready
Performance: Dobré, ne perfektní

One codebase = mobile + web + desktop
→ Atraktivní pro startupy
→ Rychlý prototyping

React Native Web:

Instagram, Twitter používají
Share kód mobile + web
Growing adoption

→ Unified dev team možný

---

Predictions 2025-2030

PWA Will Grow:

→ iOS restrictions uvolní (EU)
→ Web capabilities roste
→ Developer experience lepší
→ Cost savings win

Estimate: 30% apps v 2030 budou PWA
(dnes ~5%)

Native Won't Die:

Use cases zůstávají:
→ Gaming
→ AR/VR
→ Cutting-edge features
→ Premium apps

Ale: Pouze pro justified cases

Hybrid Approach Standard:

Typical 2030 company:
- PWA pro web + Android
- Native pro iOS (if justified)
- Flutter/RN pro cross-platform

→ Platform-specific když nutné
→ Cross-platform jako default

---

12. FAQ - Často Kladené Otázky

Q: Nemůžeme udělat PWA a pak převést na native?

A: Ano můžete, ale...

Approach:
1. Start s PWA (cheaper, faster)
2. Získat uživatele
3. Validate product-market fit
4. Pak build native (if needed)

Benefits:
✓ Menší investice na začátku
✓ Rychlejší launch
✓ Learn from users
✓ Native pouze pokud justified

Risk:
⚠️ iOS users won't get push
⚠️ Možná rebuilt needed (ne převod)

Verdict: Dobrá strategie pro startupy

Q: Může PWA být v App Store?

A: Ano, ale...

iOS: Můžete PWA "zabalit" do native wrapperu
→ Pošle se do App Store
→ Apple fees platí (30%)
→ Ztracíte instant updates

Android: Trusted Web Activity (TWA)
→ Chrome automaticky renderuje PWA
→ Lepší než iOS wrapping

Verdict:
✓ Možné pro discovery v store
✗ Ale ztrácíte PWA výhody

Q: React Native vs Flutter - která je lepší?

A: Záleží...

React Native:
✓ Pokud máte JavaScript team
✓ Větší komunita
✓ Více third-party knihoven
✗ Horší performance
✗ Občas native code nutný

Flutter:
✓ Lepší performance
✓ Pixel-perfect UI
✓ Web + mobile z jednoho kódu
✗ Dart jazyk (learning curve)
✗ Menší komunita

Verdict:
→ React Native: Established, safe choice
→ Flutter: Lepší tech, budoucnost?

Q: Kolik stojí push notifikace služba?

A: Depends na volume

Firebase (Google):
- Free tier: 10M zpráv/měsíc
- Paid: $0.10 per 1000 zpráv nad limit

OneSignal:
- Free: Unlimited! (s jejich branding)
- Paid: $9+/měsíc (bez brandingu, features)

Custom solution:
- Build vlastní: 100-300k Kč
- Údržba: 5-15k Kč/měsíc

Verdict: Use Firebase nebo OneSignal

Q: Musíme platit Apple/Google fees?

A: Záleží jak monetizujete

30% fee platí pro:
✓ In-app purchases
✓ Subscriptions (digital content)
✓ Virtual goods

NE platí pro:
✗ Physical goods (e-shop OK!)
✗ Services mimo app
✗ B2B transactions

Workarounds:
→ Direct billing (email link)
→ Web-based checkout
→ Reader apps exception

Verdict: Physical goods = no fee
Digital content = 30% fee (bohužel)

Q: Jak dlouho trvá App Store approval?

A: Apple vs Google rozdíl

Apple:
- Average: 24-48 hodin
- Expedited: 2-4 hodiny (special request)
- Rejection rate: ~40% first submission
- Resubmission: +24-48 hodin

Google:
- Average: 2-7 dní (první app)
- Updates: Několik hodin
- Rejection rate: ~25%
- Rychlejší než Apple

Verdict:
→ Plan extra time pro approval
→ Google rychlejší
→ Web = instant (no approval)

---

13. Checklist - Jak Se Rozhodnout

✅ Final Decision Checklist

Váš Use Case:

□ Fitness/health tracking → NATIVE
□ Banking/finance → NATIVE
□ Messaging/social → NATIVE
□ Gaming → NATIVE
□ AR/VR → NATIVE
□ E-commerce → WEB nebo PWA
□ Content/media → WEB nebo PWA
□ B2B SaaS → WEB APP
□ Booking/rezervace → WEB nebo PWA
□ Productivity → PWA nebo Flutter

Vaše Požadavky:

□ SEO kritické → WEB nebo PWA
□ Push notifikace nutné (iOS) → NATIVE
□ Bluetooth/NFC nutné → NATIVE
□ Offline-first → NATIVE nebo PWA
□ Real-time performance → NATIVE
□ Fastest time-to-market → WEB nebo PWA
□ Lowest budget → WEB APP

Váš Rozpočet:

□ <200k → WEB APP
□ 200-500k → PWA
□ 500k-1M → PWA nebo React Native
□ 1M-3M → Native nebo Flutter
□ 3M+ → Pure Native (iOS + Android)

Váš Timeline:

□ <2 měsíce → WEB APP
□ 2-4 měsíce → PWA
□ 4-8 měsíců → React Native/Flutter
□ 8-12+ měsíců → Pure Native

Vaše Audience:

□ Desktop hlavní → WEB APP
□ Android hlavní → PWA
□ iOS hlavní → NATIVE nebo PWA
□ 50/50 → PWA nebo Cross-platform
□ Global audience → WEB nebo PWA (SEO)

Vaše Team:

□ Web developers → WEB nebo PWA
□ JavaScript team → React Native
□ No team yet → Hire for what you choose
□ Budget for 2 teams → Pure Native

---

🎯 Quick Recommendations

Startup s <500k rozpočet:

→ PWA
Proč: Rychlé, levné, validace product-market fit
Upgrade na native později pokud nutné

E-commerce any size:

→ Responsivní web + PWA features
Proč: SEO kritické, no install friction
Native app může být addon pro loajální

Enterprise B2B SaaS:

→ Web aplikace (desktop-first)
→ + Responsivní mobile web
Proč: Desktop dominant, SEO important

Consumer app (social, messaging):

→ Native (iOS + Android)
→ Start s React Native (budget save)
Proč: Performance, engagement, native feel

Health/Fitness:

→ Native (iOS + Android)
→ Flutter možná (faster development)
Proč: GPS, sensors, offline critical

Content/Media:

→ PWA
Proč: Offline reading, push news, SEO
Twitter Lite model

---

Závěr: Není Univerzální Odpověď

Klíčové Poznatky

1. Technologie Je Nástroj, Ne Cíl

Otázka není "co je nejlepší"
Ale "co je nejlepší pro MŮJ use case"

Špatné rozhodnutí = 100,000+ Kč promrhaných
+ Měsíce ztracené
+ Missed opportunities

2. Náklady Nejsou Jen Development

Native app 1,500,000 Kč development
→ + 3,000,000 Kč údržba (5 let)
→ + 500,000 Kč acquisition
→ + Store fees (30%)
---
Total cost of ownership: 5M+ Kč

PWA 450,000 Kč development
→ + 1,080,000 Kč údržba (5 let)
→ + 200,000 Kč marketing (SEO)
→ + No store fees
---
Total: 1.7M Kč

3× rozdíl!

3. Start Simple, Evolve

Nejlepší strategie často:
1. Start s PWA (nebo web)
2. Validate market
3. Get users & feedback
4. Decide pokud native nutné

Než:
1. Build native hned
2. Spend 1.5M
3. Launch za 9 měsíců
4. Discover no product-market fit

4. Platform Capabilities Convergují

2020: Native >> PWA
2025: Native > PWA (gap closing)
2030: Native ≈ PWA (for most use cases?)

Web technologie rychle dorůstá
Native zůstane pro edge cases

5. Distribution Je 50% Úspěchu

Best technology ≠ Success
Best distribution = Success

Web/PWA: SEO = organic growth
Native: Paid acquisition = expensive

Pick technology s distribution v úvahu

---

Doporučené Přístupy Pro Rok 2025

Startups:

Default: PWA
Upgrade: Native pokud validated + justified

E-commerce:

Default: Responsivní web + PWA
Native: Pouze pokud >10k denních uživatelů

B2B SaaS:

Default: Web aplikace (desktop-optimized)
Mobile: Responsivní, ne separate app

Consumer Apps:

Evaluate: Push notifikace nutné? (iOS)
        Hardware access nutný?
        Performance kritická?
        
Pokud ANO 2+: Native (React Native start)
Pokud NE: PWA

Content/Media:

Default: PWA (offline reading + SEO)
Native: Pouze pokud video production features

---

Potřebujete Pomoc S Rozhodnutím?

Nevíte kterou cestu zvolit?

Pokud:

→ Nejste si jistí web vs app vs PWA
→ Chcete second opinion
→ Potřebujete estimate nákladů
→ Nevíte která technologie je pro vás
→ Chcete validation vašeho plánu

Nabízíme:

Technická Konzultace (5,000-15,000 Kč):
✓ Analýza vašeho use case
✓ Doporučení technologie
✓ Nákladový estimate
✓ Timeline estimation
✓ Risk assessment
✓ Technology stack návrh

Prototyp & Validation (50,000-150,000 Kč):
✓ Proof of concept
✓ User testing
✓ Technical validation
✓ Cost-benefit analýza
✓ Go/no-go recommendation

Full Development:
✓ Web aplikace: od 100,000 Kč
✓ PWA: od 150,000 Kč
✓ React Native: od 400,000 Kč
✓ Native (iOS+Android): od 800,000 Kč

📞 Bezplatná Konzultace (30 minut):

✓ Probereme váš projekt
✓ Identifikujeme požadavky
✓ Doporučíme přístup
✓ Orientační cena
✓ Bez závazku

→ [Objednat](https://calendly.com/appitect/30min)

Nebo email: info@appitect.cz

---

Související Články

Základ:

• Kompletní průvodce vytvořením webu 2025
• Web vs Webová aplikace - rozdíly a kdy co použít

Technologie:

• Next.js vs React - co je lepší pro váš projekt
• WordPress vs Custom - která technologie je lepší
• Nejlepší CMS pro web 2025

Náklady & Plánování:

• Kolik stojí vytvoření webu v Česku 2025
• Jak dlouho trvá vývoj webu - realistický timeline
• Jak vybrat vývojářskou firmu - 10 klíčových kritérií

Infrastructure:

• Hosting pro web - jak vybrat a kolik stojí
• Údržba webu - co zahrnuje a kolik stojí

SEO & Marketing:

• SEO checklist pro nový web - 20 věcí které nesmíte zapomenout
• GDPR a Cookies - co musí mít váš web v roce 2025

E-commerce:

• E-shop na míru vs Shopify vs WooCommerce - kompletní srovnání

Portfolio:

• Naše práce

---

Rozhodněte se správně. Technologie je nástroj, ne cíl. 📱

Adam Bardzák
Founder, Appitect
📧 info@appitect.cz
🌐 www.appitect.cz

Appitect | Vývoj Webů & Aplikací | Plzeň, ČR

Naposledy aktualizováno: Listopad 2025

---

Zdroje a Reference

Všechny statistiky a fakta v článku pocházejí z:

• Statista Mobile App Statistics 2024
• Google Web Vitals Research
• Apple App Store Statistics
• Google Play Store Data
• PWA Stats (pwastats.com)
• Twitter Engineering Blog (Twitter Lite case study)
• Pinterest Engineering Blog
• Starbucks PWA Case Study
• React Native Official Documentation
• Flutter Official Documentation
• Web.dev (Google)
• MDN Web Docs