Progressive Web Apps — App-Funktionen ohne App Store, mit klaren Grenzen auf iOS
Installierbare Web-Apps mit Offline-Fähigkeit und Push-Benachrichtigungen — App-Erlebnis ohne den Umweg über App Stores.
Projekte ab 4.000 €
Für wen & welches Problem?
Für Unternehmen, die App-Komfort bieten wollen, ohne den Aufwand und die Store-Hürden nativer Apps zu tragen.
Was wir liefern
Service Worker
Ein Hintergrund-Skript speichert Assets und ausgewählte Daten zwischen, wodurch wiederkehrende Besuche spürbar schneller laden als bei jedem Aufruf neu übertragene Inhalte.
Offline-Strategie
Zuvor besuchte Inhalte bleiben auch ohne Netzverbindung abrufbar, während neue Anfragen automatisch nachgeholt werden, sobald die Verbindung wieder steht.
Push-Benachrichtigungen
Über die Web-Push-API erreichen Sie Nutzer gezielt mit Neuigkeiten oder Erinnerungen, ganz ohne dass eine E-Mail im Postfach untergeht – auf dem iPhone, sobald die App auf dem Home-Bildschirm liegt.
Installierbarkeit
Ein Tap auf „Zum Startbildschirm hinzufügen" installiert die Anwendung ohne Umweg über einen App Store und dessen Freigabeprozess.
So läuft's ab
Konzept
Wir klären Funktionen, Offline-Fälle und Ziele.
Prototyp
Ein installierbarer erster Stand zum Testen.
Umsetzung
Service Worker, Offline-Logik und Push.
Launch & Optimierung
Go-Live und Feinschliff nach Nutzung.
Technologien
Technisch basiert eine PWA auf einem Service Worker, der Assets und Daten im Hintergrund zwischenspeichert, und einem Web App Manifest, das Icon, Name und Startbildschirm definiert. Der Service Worker sorgt für Offline-Zugriff und schnellere Ladezeiten, das Manifest macht die Website auf dem Startbildschirm installierbar — Lighthouse stuft das Ergebnis dann als vollwertige PWA ein.

Anwendungsfälle
Offline-Tool
Außendienstmitarbeiter in Gebieten mit schwachem Netz erfassen Daten offline, die automatisch synchronisieren, sobald wieder eine Verbindung besteht.
Web-App mit Push
Ein Bestellstatus oder eine Terminerinnerung erreicht Nutzer per Push-Benachrichtigung, ohne dass eine native App aus einem Store geladen werden muss.
App-Ersatz
Statt zwei getrennte native Apps für iOS und Android zu entwickeln und zu pflegen, deckt eine PWA beide Plattformen mit einer Codebasis ab.
Warum twentyonepixels?
Performance & Core Web Vitals
Schnelle Ladezeiten und grüne CWV sind Teil jeder Umsetzung, kein Nachgedanke.
SEO-Fundament inklusive
Saubere Struktur, SSR und Schema.org — sichtbar bei Google und in KI-Suchen.
Wartbarer, sauberer Code
Moderne Frameworks, getestet und dokumentiert — kein Blackbox-Baukasten.
DSGVO by Design
Self-hosted Fonts, rechtssicheres Consent, EU-Hosting — Datenschutz als Standard.
App-Erlebnis, halber Aufwand
Ein Code für alle Plattformen — ohne Store-Hürden.

Alexander Seidler
Gründer · Fachinformatiker für Anwendungsentwicklung
„Jedes Projekt ist Chefsache — Sie schreiben direkt an mich.“
Was eine PWA nicht ersetzt
Eine PWA sieht aus wie eine App und ist keine. Auf iOS bleiben Push-Nachrichten und Hintergrundverhalten eingeschränkt, und die Installation läuft über einen Umweg, den viele Nutzer nie finden. Wer Zugriff auf Bluetooth, Kontakte oder aufwendige Sensorik braucht, kommt an einer nativen App nicht vorbei. Zweitens ist Offlinefähigkeit kein Schalter, sondern eine Entscheidung je Inhalt: Was darf veraltet angezeigt werden, was nicht? Ein Cache ohne Verfallsregel zeigt Preise von letzter Woche — dann ist aus einem Geschwindigkeitsvorteil ein Korrektheitsproblem geworden.
Häufige Fragen
Was ist eine Progressive Web App?
Braucht eine PWA den App Store?
Funktioniert eine PWA offline?
Ist eine PWA günstiger als eine native App?
Kann meine bestehende Website eine PWA werden?
Alle Fachbeiträge So läuft ein Projekt ab Eingesetzte Technologien
Begriffe dazu erklärt
Cache
Ein Cache ist ein Zwischenspeicher für Daten, die häufig gebraucht werden. Statt eine Seite bei jedem Aufruf neu zu berechnen, liefert der Server die gespeicherte Fassung aus – das ist um ein Vielfaches schneller.
Erklärung lesen →Responsive Design
Responsive Design bedeutet, dass sich eine Website an jede Bildschirmgröße anpasst — vom Handy bis zum großen Monitor. Es gibt nicht mehrere Fassungen, sondern eine, die sich umbaut.
Erklärung lesen →Verwandte Services
React & Next.js Entwicklung
Performante, SEO-optimierte Webanwendungen mit Server-Side Rendering und Static Site Generation. Ideal für Firmenwebsites und komplexe Web-Applikationen.
Webportal & Dashboard Entwicklung
Individuelle Webportale, Admin-Panels und Dashboards mit Echtzeit-Daten, Benutzerverwaltung und Rechte-System.
UI/UX Design & Prototyping
Nutzerzentriertes Interface-Design mit Fokus auf Conversion und Usability. Von Wireframes über Prototypen bis zum fertigen Design-System.