{"id":21512,"date":"2026-11-07T21:38:00","date_gmt":"2026-11-07T20:38:00","guid":{"rendered":"https:\/\/www.lukaswojcik.com\/blog\/?p=21512"},"modified":"2026-10-25T22:29:14","modified_gmt":"2026-10-25T21:29:14","slug":"local-first-cloud-oder-hybrid-welche-architektur-tragt-ein-kleines-saas","status":"publish","type":"post","link":"https:\/\/www.lukaswojcik.com\/blog\/de\/saas-internet-earning-de\/local-first-cloud-oder-hybrid-welche-architektur-tragt-ein-kleines-saas\/","title":{"rendered":"Local-first, Cloud oder Hybrid: welche Architektur tr\u00e4gt ein kleines SaaS?"},"content":{"rendered":"

Ein kleines Online-Werkzeug kann Dateien direkt auf dem eigenen Ger\u00e4t verarbeiten. Dadurch entfallen manche Uploads und Berechnungen auf dem Server. Zusammenarbeit bringt zus\u00e4tzliche Aufgaben: \u00c4nderungen zwischen Ger\u00e4ten abgleichen, Zugriffsrechte vergeben und Daten nach einem Ger\u00e4teausfall wiederherstellen.<\/p>\n

\"Lokale
Redaktioneller Vergleich \u00b7 Annahmen statt Anbieterpreise<\/figcaption><\/figure>\n

Drei M\u00f6glichkeiten, Dateien zu bearbeiten und zu speichern<\/h2>\n

F\u00fcr den Vergleich stehen drei Grundformen gegen\u00fcber. Bei einer \u00fcberwiegend cloudbasierten Anwendung liegt die zentrale Arbeitskopie auf einem Server. Ein lokales Werkzeug bearbeitet und speichert Dateien auf dem Ger\u00e4t. Eine hybride Anwendung verbindet beide Formen, etwa lokale Bearbeitung mit einem Server f\u00fcr den Austausch im Team. Auch eine Cloud-Anwendung kann einzelne Offline-Funktionen anbieten.<\/p>\n

Local-first bedeutet, dass die lokale Arbeitskopie f\u00fcr die eigentliche Arbeit ausreicht. Eine nur zwischengespeicherte Webseite erf\u00fcllt diesen Anspruch noch nicht. Ink & Switch beschreibt lokale Datenkontrolle und Zusammenarbeit als gemeinsame Ziele. [1<\/a>] Praktisch z\u00e4hlt daher: Lassen sich vorhandene Dokumente ohne Internet \u00f6ffnen, bearbeiten und exportieren?<\/p>\n

Ein konkretes Beispiel: Dokumentenbereinigung<\/h2>\n

Ein Beispiel ist ein Werkzeug f\u00fcr CSV-Dateien, also Textdateien mit Zeilen und Spalten. Der Browser kann fehlende Pflichtfelder markieren, \u00fcberfl\u00fcssige Leerzeichen entfernen und die bereinigte Tabelle als Datei speichern. F\u00fcr diese Verarbeitung ist kein Dokumentenspeicher auf dem Server n\u00f6tig. Eine kostenlose Grundfunktion kann diesen Nutzen zeigen.<\/p>\n

Im Team kommen andere Aufgaben hinzu: Alle verwenden dieselben Pr\u00fcfregeln, eine zweite Person best\u00e4tigt \u00c4nderungen und ein Verlauf zeigt fr\u00fchere Fassungen. Solche regelm\u00e4\u00dfig ben\u00f6tigten Funktionen kommen als kostenpflichtiges Angebot infrage. Ob daf\u00fcr ausreichend Nachfrage besteht, muss ein Test mit tats\u00e4chlichen Interessenten zeigen. Eine gesperrte Exportfunktion allein belegt noch keinen Nutzen eines Abos.<\/p>\n

Lokale Daten sind nicht automatisch eine Sicherung<\/h2>\n

Browserspeicher ist begrenzt. Die Grenze h\u00e4ngt vom Browser und der Herkunft einer Seite ab, also etwa Protokoll, Hostname und Port. Standardm\u00e4\u00dfig speichert der Browser Daten nach dem Best-Effort-Prinzip: Bei Platzmangel darf der Browser diese Daten entfernen. Auch dauerhaft gespeicherte Daten lassen sich \u00fcber die Browsereinstellungen l\u00f6schen. [2<\/a>] Ein gut sichtbarer Dateiexport und ein getesteter Import helfen, wichtige Arbeit zu sichern.<\/p>\n

Mit navigator.storage.persist() kann eine Webseite dauerhafte Speicherung anfragen. Der Browser kann die Anfrage ablehnen; eine Zusage sch\u00fctzt vor automatischer Verdr\u00e4ngung durch Platzmangel, erzeugt aber keine zweite Kopie. [3<\/a>] Die Oberfl\u00e4che sollte deshalb getrennt anzeigen: lokal gespeichert, Sicherungsdatei erstellt und \u00c4nderungen mit dem Server abgeglichen. Eine Sicherungsdatei auf demselben defekten Laufwerk hilft bei dessen Ausfall nicht.<\/p>\n

Gleichzeitige \u00c4nderungen m\u00fcssen zusammenpassen<\/h2>\n

Bei der Synchronisierung werden \u00c4nderungen zwischen Ger\u00e4ten \u00fcbertragen. Wenn zwei Ger\u00e4te dieselbe Regel offline \u00e4ndern, muss die Anwendung entscheiden: Eine Fassung gewinnt, ein Dialog fordert eine Auswahl oder beide \u00c4nderungen lassen sich zusammenf\u00fchren. Tests m\u00fcssen auch gel\u00f6schte Eintr\u00e4ge und versp\u00e4tet eintreffende \u00c4nderungen erfassen. Ein Abgleich kann L\u00f6schungen weitergeben und ersetzt deshalb keine unabh\u00e4ngige Sicherung mit \u00e4lteren Fassungen.<\/p>\n

Bei verschl\u00fcsselten Daten ist zus\u00e4tzlich der Schl\u00fcssel n\u00f6tig, um den Inhalt zu lesen. Fehlt jede M\u00f6glichkeit, einen verlorenen Schl\u00fcssel wiederherzustellen, k\u00f6nnen auch vorhandene Sicherungsdateien unlesbar bleiben. Je nach Verschl\u00fcsselung kann selbst der Betreiber nicht helfen. Das Produkt muss erkl\u00e4ren, welche Wiederherstellung m\u00f6glich ist und welche Schl\u00fcssel oder Wiederherstellungscodes gesichert werden m\u00fcssen.<\/p>\n

Kostenvergleich mit demselben Leistungsumfang<\/h2>\n

Das folgende Rechenbeispiel verwendet frei angenommene Geldeinheiten, keine Anbieterpreise. Bei 500 aktiven Konten und monatlich 2 Einheiten je Konto plus 200 festen Kosten ergibt die Cloud-Variante 500 \u00d7 2 + 200 = 1.200. F\u00fcr die lokale Variante nutzen im Beispiel ebenfalls alle 500 Konten die optionale Synchronisierung: 500 \u00d7 0,20 + 300 = 400. Die Differenz betr\u00e4gt 800 pro Monat, bevor Entwicklung und Support ber\u00fccksichtigt sind. Rechenleistung und Speicher auf den Endger\u00e4ten bleiben ebenfalls n\u00f6tig; die niedrigere Serverrechnung ist daher keine Zusage \u00fcber die gesamten Kosten.<\/p>\n

Ein aussagekr\u00e4ftiger Vergleich setzt dieselbe Datenmenge, Speicherdauer und Wiederherstellung voraus. Ein kleiner Probelauf kann kl\u00e4ren, ob Dokumente im Flugmodus bearbeitbar bleiben, was bei knappem Speicher passiert und ob gleichzeitige \u00c4nderungen erhalten bleiben. Ein Wiederherstellungstest auf einem zweiten Ger\u00e4t zeigt, ob eine Sicherung tats\u00e4chlich nutzbar ist. Erst diese Ergebnisse helfen bei der Wahl der Technik und der kostenpflichtigen Funktionen.<\/p>\n

\n

Passende Werkzeuge<\/h2>\n