Welchen No-Code-Stack empfehlt ihr für eine Mobile-App, die im App Store und Google Play veröffentlicht werden soll?

FlutterFlow + Supabase ist unsere Standardempfehlung. FlutterFlow generiert nativen Flutter-Code, der in beiden Stores veröffentlicht wird, während Supabase EU-Region (Frankfurt) Datenbank, Authentifizierung und Dateispeicher mit DSGVO-Konformität von Anfang an verwaltet.

Wie wichtig ist es, das Datenmodell in Supabase zu definieren, bevor man in FlutterFlow anfängt?

Es ist der wichtigste Schritt überhaupt. Jeder Screen ist eine Ansicht von Daten, wenn die Tabellenstruktur falsch ist, muss jeder Screen neu gebaut werden. Wir verbringen immer den ersten Tag im Supabase Table Editor und testen SQL-Abfragen für jede geplante Ansicht, bevor wir FlutterFlow öffnen.

Kann ich SEPA-Zahlungen in einer FlutterFlow-App für den deutschen Markt hinzufügen?

Stripe unterstützt SEPA-Lastschrift und ist einfach über RevenueCat in FlutterFlow zu integrieren. Für deutsche B2B-Kunden, die Rechnungen und Lastschriftmandate benötigen, ist Stripe Billing die empfohlene Lösung, es generiert DSGVO-konforme Rechnungen mit Steuerausweis automatisch.

Wie lange dauert es, eine No-Code-App vom Start bis zur App Store-Veröffentlichung?

Rechne mit 4-8 Wochen für eine mittelkomplexe App: 1 Woche Datenmodellierung, 3-5 Wochen Bau und Testing, 1-3 Tage App Store-Prüfung. Halte immer eine Datenschutzrichtlinie auf Deutsch und einen Konto-Löschflow bereit, das sind die häufigsten Gründe für verzögerte Apple-Genehmigungen.

Mobile App ohne Code entwickeln

Schritt 1: Das richtige No-Code-Mobile-Tool wählen

**FlutterFlow** ist die Standardwahl für die meisten Produktions-Apps. Es generiert echten Flutter-Code, unterstützt benutzerdefinierte Logik, verbindet sich mit jedem Backend und veröffentlicht direkt in App Store und Google Play. Am besten für: SaaS-Tools, Marktplätze, B2B-Apps, alles, das rollenbasierten Zugriff oder komplexe Daten benötigt.

**Adalo** eignet sich am besten für einfachere Apps mit datenbankgebundenen Screens. Ausgezeichnet für interne Tools, Kataloge und Community-Apps. Niedrigere Obergrenze als FlutterFlow, aber schneller für einfache Fälle.

**Glide** ist für Google Sheets- und Airtable-gesteuerte Apps optimiert. Am besten für interne Tools und leichte Datenanzeige-Apps.

**Unsere Empfehlung**: Wenn deine App Authentifizierung, mehrere Benutzerrollen, Zahlungen oder mehr als 6 Screens hat, wähle FlutterFlow. Für deutsche Startups, die auf App-Store-Distribution abzielen, ist FlutterFlow das einzige No-Code-Tool, das die App-Store-Prüfung ohne Kompromisse besteht.

Schritt 2: Das Datenmodell definieren, bevor du anfängst zu bauen

Der größte Fehler von No-Code-Mobile-Entwicklern: mit dem UI anfangen, bevor das Datenmodell definiert ist. Jeder Screen in deiner App ist eine Ansicht von Daten, wenn die Datenstruktur falsch ist, ist jeder Screen falsch.

Für eine typische SaaS-Mobile-App umfasst dein Datenmodell: Users (id, email, role, created_at), Organisations (id, name, plan), Items (id, org_id, title, status, created_by) und Events/Logs.

Baue das zuerst in Supabase auf. Aktiviere Row-Level-Security. Schreibe Policies: Nutzer können nur Zeilen in ihrer Organisation lesen. Baue dann die UI auf der richtigen Grundlage, diese Reihenfolge spart Wochen an Umbauten. Die DSGVO verlangt außerdem, dass Datenflüsse von Anfang an dokumentiert werden; die Supabase EU-Region macht dies für deutsche Unternehmen einfach.

Schritt 3: Das Backend verbinden

FlutterFlow hat native Verbindungen für: - **Supabase**: Drag-and-Drop-Tabellenabfragen, Echtzeit-Abonnements, Authentifizierung - **Firebase**: Firestore, Authentication, Storage - **Benutzerdefinierte REST APIs / Xano**: jedes Backend mit einer Swagger/OpenAPI-Spec - **Direkte PostgreSQL**: benutzerdefinierte Abfragen via Supabase Edge Functions

Für neue Projekte wählen wir immer Supabase. Verbinde es im FlutterFlow-Reiter "Supabase", füge deine Projekt-URL und den Anon-Key ein, und deine Tabellen erscheinen direkt als Datenquellen. Supabase bietet eine EU-West-Region (Frankfurt), die sicherstellt, dass Nutzerdaten in Europa bleiben, eine Anforderung für viele deutsche B2B-Kunden und eine Voraussetzung für DSGVO-Konformität nach dem Schrems-II-Urteil.

Schritt 4: Screen für Screen bauen

FlutterFlows UI-Builder ist komponentenbasiert. Jeder Screen ist eine Column, Row oder Stack von Widgets. Das häufigste Muster:

1. **Auth-Screens**: FlutterFlow kommt mit fertigen E-Mail/Passwort-, Google Sign-In- und Apple Sign-In-Flows. Aktiviere sie mit 5 Klicks. 2. **Listen-Screens**: Eine ListView, die an eine Supabase-Tabelle mit einem Filter gebunden ist. Füge ein Suchfeld aus dem Widget-Panel hinzu. Funktioniert in 15 Minuten. 3. **Detail-Screens**: Eine Einzeldatensatz-Ansicht, gebunden an die Zeile, die von der Liste übergeben wird. Felder mit Update-Operationen bearbeiten. 4. **Formular-Screens**: FlutterFlows Form-Widget übernimmt Validierung, Ladezustände und Fehleranzeige automatisch.

Baue zuerst den Happy Path. Füge Edge Cases, Ladezustände und Fehlerbehandlung hinzu, nachdem der Kernflow funktioniert.

Schritt 5: Mobilspezifische Funktionen hinzufügen

**Push-Benachrichtigungen**: FlutterFlow + Firebase Cloud Messaging. Konfiguriere FCM in der Firebase-Konsole, füge das Plugin in FlutterFlow hinzu und erstelle Benachrichtigungs-Trigger in deinem Backend (Supabase Edge Function oder Xano-Webhook).

**Deep Links**: FlutterFlow unterstützt Universal Links (iOS) und App Links (Android). Konfiguriere im App-Settings-Panel und verwalte Routen in deiner Navigation.

**Offline-Modus**: FlutterFlows lokaler Zustand und SharedPreferences ermöglichen grundlegendes Offline-Caching. Für echte Offline-First-Apps benötigst du benutzerdefinierten Code oder eine dedizierte Sync-Bibliothek.

**In-App-Käufe**: Die RevenueCat-Integration ist eines der besten eingebauten Plugins von FlutterFlow. Verbinde deine App Store- und Play Store-Produkte und schütze Inhalte hinter Abonnementstatus-Checks. Für deutsche Apps: setze Preise in EUR via App Store Connect und Google Play Console.

Schritt 6: Testen und veröffentlichen

FlutterFlow lässt dich im Browser testen (eingeschränkt), auf einem physischen Gerät über die FlutterFlow-App oder über eine heruntergeladene APK.

Für die Produktion: FlutterFlow kann direkt in TestFlight (iOS) und Google Play Internal Testing veröffentlichen. Du benötigst ein Apple Developer-Konto (99 USD/Jahr) und ein Google Play Developer-Konto (25 USD einmalig).

App-Prüfungszeiten: iOS typischerweise 1-3 Tage, Android 1-2 Tage für neue Einreichungen. Plane dafür, ein Bugfix kann an iOS-Geräten nicht am gleichen Tag live gehen. Stelle sicher, dass du eine Datenschutzrichtlinie auf Deutsch und ein Formular zur Kontolöschung einschließt, Anforderungen von Apple seit 2024 und DSGVO-Notwendigkeit für alle Apps mit deutschen Nutzern.

Mobile App ohne Code entwickeln: Vollständige Anleitung 2025