PWA oder React-Native-App: Was braucht Ihr Unternehmen?

Ihre Kunden sollen „eine App“ bekommen. Verständlich. Doch bevor Sie Budget für zwei Stores und einen Review-Prozess einplanen, lohnt sich die Frage „PWA oder native App?“: Brauchen Sie wirklich eine App aus dem Store, oder erfüllt eine Progressive Web App (PWA) den Zweck günstiger?

Die kurze Antwort: Eine PWA gewinnt bei Katalogen, Buchungen, Dashboards und allem, was Menschen gelegentlich nutzen oder über Google finden. Eine App mit React Native / Expo gewinnt, wenn Sie Präsenz im Store, zuverlässige Push-Benachrichtigungen auf dem iPhone, tiefen Gerätezugriff oder tägliche Nutzung brauchen. Schauen wir uns das ohne Hype an.

#Was beides eigentlich ist

Eine PWA ist eine Website, die sich wie eine App verhält. Sie öffnet sich im Browser, lässt sich aber auf dem Homescreen installieren, startet im Vollbild, speichert Inhalte für die Offline-Nutzung zwischen und kann Push-Benachrichtigungen senden. Eine Codebasis, eine URL, kein Store nötig.

Eine App mit React Native / Expo ist eine echte native App für iOS und Android, entwickelt aus einer gemeinsamen JavaScript-/TypeScript-Codebasis. Sie wird über den App Store und Google Play verteilt und hat vollen Zugriff auf das Gerät: Kamera, Bluetooth, Hintergrundprozesse, Sensoren und mehr. Expo nimmt einem viele mühsame Teile ab – Builds, Over-the-Air-Updates, Einreichung in den Stores.

#PWA oder native App: der schnelle Vergleich

#Wann eine PWA die kluge Wahl ist

• Ihr Produkt besteht vor allem aus Inhalten, Katalog oder Formularen. Speisekarten, Buchungen, Dashboards, interne Tools, Kundenbindungsprogramme – all das funktioniert hervorragend als PWA.
• Sie brauchen Traffic aus Google. Jeder Screen einer PWA kann indexiert und als Link geteilt werden. Eine App kann das nicht.
• Sie möchten eine Idee schnell testen. Eine Version veröffentlichen, beobachten, ob sie genutzt wird, und dann entscheiden, ob sich native lohnt.
• Ihre Nutzer kommen nur gelegentlich. Für etwas, das man einmal im Monat nutzt, lädt kaum jemand eine App herunter. Eine Verknüpfung auf dem Homescreen ist eine kleinere Bitte.
• Das Budget zählt. Eine Codebasis für Web, Android und iOS, keine Store-Gebühren, keine Wartezeiten durch Reviews.

#Wann Sie eine App mit React Native / Expo brauchen

• Präsenz im Store gehört zum Produkt. Manche Zielgruppen suchen schlicht zuerst im App Store.
• Zuverlässige Push-Benachrichtigungen sind entscheidend. Liefer-Apps, Messenger, Erinnerungen – Push für PWAs funktioniert auf iOS erst, wenn der Nutzer die App auf dem Homescreen installiert hat, und viele tun das nie.
• Sie brauchen tiefen Gerätezugriff. Bluetooth-Geräte, Standort im Hintergrund, NFC, Gesundheitsdaten, In-App-Käufe.
• Performance-intensive Oberflächen. Komplexe Gesten, Animationen und Karten mit vielen Live-Daten fühlen sich nativ flüssiger an.
• Tägliche Nutzung. Wenn die App jeden Tag geöffnet wird, zahlt sich die einmalige Installationshürde aus.

#Kosten und Zeitrahmen – ehrlich betrachtet

Eine PWA kostet in der Regel spürbar weniger als eine native App mit denselben Funktionen. Die Gründe sind einfach: nur ein Deployment-Ziel, keine Store-Konten und Reviews, keine separaten Builds pro Plattform – und oft lässt sich die bestehende Website weiterverwenden.

React Native mit Expo schließt einen großen Teil dieser Lücke im Vergleich zu zwei getrennten nativen Apps (Swift + Kotlin). Trotzdem zahlen Sie für die Einrichtung der Stores, plattformspezifische Tests, Review-Zyklen und die laufende Arbeit, mit neuen iOS- und Android-Versionen Schritt zu halten.

Ein praxisnaher Weg, den viele Unternehmen gehen: mit einer PWA starten, messen und dann nativ werden – für die Funktionen, die das wirklich brauchen. Eine gute Architektur macht das günstiger, denn API und Geschäftslogik bleiben gleich. Wenn Sie noch in der Ideenphase sind, zeigt wie man ein MVP launcht, wie Sie den Umfang dieser ersten Version festlegen.

#Wie „installierbar“ im Code aussieht

Der Kern einer PWA ist klein. Ein Web App Manifest sagt dem Browser, wie die App installiert wird, und ein Service Worker übernimmt Caching und Offline-Betrieb:

// main.ts — register the service worker once the page has loaded
if ('serviceWorker' in navigator) {
  window.addEventListener('load', () => {
    navigator.serviceWorker.register('/sw.js')
      .catch(err => console.error('SW registration failed', err))
  })
}

{
  "name": "My Shop",
  "short_name": "Shop",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#09090b",
  "theme_color": "#d4ff3a",
  "icons": [{ "src": "/icon-512.png", "sizes": "512x512", "type": "image/png" }]
}

Das ist das Grundgerüst. Die eigentliche Arbeit steckt in einer durchdachten Caching-Strategie, einem echten Offline-Erlebnis und der Einrichtung von Push – aber man sieht, warum eine PWA weniger Aufwand ist als eine Store-App.

#Eine kurze Entscheidungs-Checkliste

Beantworten Sie mit Ja oder Nein:

1. Nutzen Ihre Kunden die App täglich?
2. Sind Push-Benachrichtigungen auf iOS absolut entscheidend?
3. Brauchen Sie Bluetooth, NFC, Hintergrundprozesse oder In-App-Käufe?
4. Erwartet Ihre Zielgruppe, Sie im App Store zu finden?

Überwiegend „Nein“? Dann ist eine PWA vermutlich der richtige Schritt. Zwei oder mehr „Ja“? Dann sollten Sie sich React Native / Expo ansehen – das erspart Ihnen später einen Neubau.

#FAQ

#Kann man eine PWA bei Google Play oder im App Store veröffentlichen?

Bei Google Play – ja: Eine PWA lässt sich als Trusted Web Activity verpacken und wie eine normale App listen. Der App Store ist strenger: Ein einfacher Website-Wrapper wird wegen „Mindestfunktionalität“ oft abgelehnt. Wenn Sie in den App Store müssen, planen Sie eine echte App.

#Funktionieren PWAs auf dem iPhone?

Ja. Nutzer öffnen die Website in Safari und wählen Teilen → Zum Home-Bildschirm. Seit iOS 16.4 können auch Web-Apps auf dem Homescreen Push-Benachrichtigungen empfangen – sobald der Nutzer sie erlaubt.

#Ist eine React-Native-App so gut wie eine native?

Bei den meisten Business-Apps merken Nutzer keinen Unterschied: React Native rendert echte native Oberflächenkomponenten. Sie bekommen iOS und Android aus einer Codebasis – mehr dazu in React Native und Expo einfach erklärt.

#Kann meine bestehende Website zur PWA werden?

Oft ja – durch ein Manifest, einen Service Worker und eine Offline-Strategie. Wie viel Aufwand das ist, hängt davon ab, wie die Website gebaut ist.

#Noch unsicher?

Das ist normal – die richtige Antwort hängt von Ihren Nutzern ab, nicht von Trends. Skizzieren Sie Ihr Projekt im Konfigurator: Wählen Sie „Mobile App“ und wechseln Sie dann zwischen den Vorlagen PWA und MVP, um Umfang und grobe Schätzungen zu vergleichen. Mehr erfahren Sie auch unter App-Entwicklung. Und wenn Sie noch am Budget feilen, lesen Sie, was die Kosten einer Website oder App bestimmt.