Full-Stack App- & Plattform-Entwicklung für „Flow der Stille“
Wie DS Online Services aus Stuttgart eine native iOS- & Android-Meditations-App mit Supabase-Backend, unterbrechungsfreiem Sperrbildschirm-Audio und In-App-Bezahlsystem aus einer einzigen Codebase realisierte.
Executive Summary: Die Herausforderung
„Flow der Stille“ (flow-der-stille.de) ist eine stark wachsende digitale Plattform für geführte Meditationen, Seelenreisen und Entspannung der Autorin Jacqueline Schmetzer. Die Herausforderung für viele digitale Produkte im Großraum Stuttgart und bundesweit:
- Träge Baukastensysteme: Standard-Websites stoßen bei speziellem Audio-Streaming, dynamischen Playern und schnellen Ladezeiten schnell an ihre Grenzen.
- Teure Software-Abo-Kosten: Externe Cloud-Tools (wie n8n oder Zapier) treiben die monatlichen Fixkosten in die Höhe und schaffen DSGVO-Risiken.
- Fragmentierte Entwicklung: Separate Codebasen für Web, iOS und Android verdreifachen die Entwicklungszeit und das Budget.
🛠️ 1. Der eingesetzte High-End Tech-Stack
Frontend UI/UX: React 18, TypeScript, Tailwind CSS, Vite 6
Ultraschnelle Ladezeiten (< 0,8s), Single Page Application, flüssige Animationen und barrierefreies Design nach WCAG-AA Standard.
Mobile Cross-Platform: Capacitor (v6/v7), Swift, Xcode, Android SDK
Eine einzige Codebase für Web, iOS und Android. Native Hardware- & Audio-Anbindung ohne Qualitätsverlust.
Native iOS-Features: AVAudioSession (.playback), UIBackgroundModes (audio), StoreKit
Unterbrechungsfreies Audio-Streaming im iPhone-Sperrbildschirm (Lock-Screen) und bei Stummschaltung.
Backend & Cloud: Supabase (PostgreSQL, Auth, RLS, Edge RPC), Node.js / Express
Sichere Nutzerverwaltung (Google & Meta Social Login, Magic Links), datenbankgestützte Medienfreigabe, SSR-Routing.
Payments & In-App-Käufe: PayPal, Apple StoreKit, Google Play Billing
Duales Bezahlsystem: Express-Kauf im Web + native In-App-Käufe mit Restore Purchases.
🚀 2. Was wir konkret umgesetzt haben (Die Meilensteine)
- Enterprise-Sicherheitshärtung (0-Vulnerability-Standard): Server- und Dependency-Audit auf Hostinger durchgeführt. Durch gezielte Overrides (esbuild 0.28.2, uuid 11.1.0) wurden alle Sicherheitslücken vollständig geschlossen.
- Harmonisierung des „Ruhe-Shops“ & Express-Kauf: Vollständige Umstellung auf den Ruhe-Shop, Einführung des passwortlosen Magic Link Express-Kaufs und Einbau von 301-Redirects auf Server-Ebene.
- Echtzeit-Abbruch-Intelligence: Automatisierte Erfassung von Checkout-Abbrüchen mit Ursprungs-URL, Kategorie und Produktname via Telegram-Bot für gezielte Textanpassungen.
- Native iOS-Transformation: Capacitor iOS-Plattform initialisiert, nativer Background-Audio-Modus in Swift implementiert, In-App-Kauf-Weiche integriert.
Planen Sie ein ähnliches App- oder Plattform-Projekt im Großraum Stuttgart?
Vereinbaren Sie ein unverbindliches Erstgespräch mit Dirk Schmetzer über Architektur, Zeitplan und Budget.