AFFiNE: Die Open-Source-Alternative zu Notion, Miro und Airtable

BBetter Stack
Computing/SoftwareSmall Business/StartupsInternet Technology

Transcript

00:00:00Stell dir vor, du ersetzt Notion, Miro und deinen halben Workflow durch ein Open-Source-Tool.
00:00:05Von Dokumenten über Architekturdiagramme bis hin zu Aufgaben – alles auf einer unendlichen Leinwand.
00:00:10Das ist Affine, ein Local-First-Workspace, der auf GitHub gerade total durch die Decke geht.
00:00:15Es ist komplett Open Source, Local-First und lässt sich selbst hosten.
00:00:19Ich zeige dir, wie du es einrichtest und warum immer mehr Entwickler darauf setzen.
00:00:28Affine ist im Grunde ein Wissens-Betriebssystem für Entwickler.
00:00:31Die meisten Tools zwingen dich dazu, alles voneinander zu trennen.
00:00:34Ein Tool für Dokumente, eines für Diagramme und ein weiteres für die Planung.
00:00:37Affine verschmilzt all diese Bereiche miteinander.
00:00:40Wir erhalten umfangreiche Dokumente, relationale Datenbanken und ein unendliches Whiteboard,
00:00:44alles innerhalb desselben Arbeitsbereichs.
00:00:46Sie nennen das den “Edgeless Mode”.
00:00:48Jetzt kommt der Teil, der dich wirklich interessiert.
00:00:51Wie gesagt, Affine ist Local-First.
00:00:53Es nutzt CRDT-Syncing via Y-Octo und ein Rust-Backend namens OctoBase.
00:00:59Das bedeutet, du kannst offline arbeiten, später zurückkehren und synchronisieren,
00:01:03ohne Merge-Konflikte oder Datenverlust.
00:01:04Du kannst den gesamten Stack mit einem einfachen “docker-compose up” starten.
00:01:09Ein weiteres interessantes Teil ist das Editor-Framework namens Block Suite.
00:01:13Es ist ein erweiterbarer Block-Editor, in dem Entwickler eigene Blöcke und Plugins
00:01:17mit Web-Komponenten bauen können.
00:01:18Wenn du Blöcke willst, die API-Antworten, Diagramme oder eigene Datenansichten rendern,
00:01:23kannst du sie direkt hier in Affine erstellen.
00:01:26Für den Alltag gibt es Markdown, Code-Blöcke und sogar GitHub-Embeds.
00:01:30Wir haben Figma-Embeds sowie Architekturdiagramme und Notizzettel,
00:01:35die sich sofort in ein Kanban-Board oder eine Datenbank verwandeln lassen.
00:01:38Bei dem aktuellen Hype entwickelt sich das Projekt rasant; eine neue Version
00:01:43wurde gerade erst veröffentlicht.
00:01:44Und ich meine, über 63.000 Sterne auf GitHub sprechen für sich.
00:01:47Wenn dir solche Tipps und Tools für deinen Workflow gefallen, abonniere unbedingt
00:01:51den Better Stack Kanal.
00:01:53Alles klar, genug geredet.
00:01:54Ich zeige dir jetzt, wie schnell das Setup geht und wie du direkt loslegen kannst.
00:01:58Nach dem Klonen führen wir den Docker-Befehl aus, alles startet und ich erstelle einen Workspace.
00:02:04Ich füge fix eine API-Spec per Markdown-Block ein und ergänze ein Code-Snippet.
00:02:10Jetzt schalte ich die Seite in den Edgeless Mode, und das Dokument wird Teil
00:02:15dieser unendlichen Leinwand.
00:02:16Und das ist, zumindest für mich, schon ziemlich cool.
00:02:18Aber hier wird es noch interessanter.
00:02:21Anstatt Miro oder ein anderes Whiteboard zu öffnen, skizziere ich die Architektur
00:02:25einfach direkt hier um den Code herum.
00:02:28Ich kann zum Beispiel das API-Gateway hier platzieren, den Auth-Service dort
00:02:34und vielleicht die Datenbank da drüben.
00:02:35Ich kann Formen ziehen, sie mit Pfeilen verbinden und Dinge verschieben – genau der Flow,
00:02:40den man von jedem Whiteboard-Tool erwartet.
00:02:42Aber jetzt ist alles an einem Ort.
00:02:43Alles ist in Affine.
00:02:45Und es liegt direkt neben der eigentlichen Dokumentation, mit der wir begonnen haben.
00:02:48Die Spezifikation und das Architekturdiagramm bleiben also zusammen.
00:02:52Und jetzt pass auf:
00:02:54Ich erstelle ein paar Notizzettel für Aufgaben, markiere sie und wandle sie in eine Datenbank um.
00:02:59Und schon ist es ein Kanban-Board.
00:03:00Es ist im selben Workspace – kein Exportieren, kein App-Wechsel mehr.
00:03:05Als Nächstes könnte ich ein GitHub-Issue direkt in die Seite einbetten und ein Figma-Design
00:03:11direkt daneben platzieren.
00:03:12So leben das Dokument, das Diagramm, die Aufgaben und die Design-Referenzen
00:03:17alle gemeinsam an einem Ort.
00:03:19Es funktioniert offline, und wenn du willst, kannst du das Ganze selbst hosten.
00:03:23Wo ordnet sich Affine also im Vergleich zu anderen bekannten Tools ein?
00:03:26Fangen wir mal mit dem größten Namen an.
00:03:27Nehmen wir Notion, okay?
00:03:29Notion ist schick, klar, aber es ist Cloud-only, die Leinwand ist begrenzt und deine Daten
00:03:33liegen komplett auf deren Servern.
00:03:37Dann gibt es Tools wie Obsidian, was fantastisch für lokale Markdown-Wissensdatenbanken ist.
00:03:42Aber wenn du Diagramme, Datenbanken oder Zusammenarbeit willst, musst du meistens
00:03:48einen Haufen Plugins installieren.
00:03:49Affine liefert das meiste davon bereits von Haus aus mit.
00:03:53Dann ist da natürlich noch Miro.
00:03:54Miro ist ein cooles Tool, keine Frage.
00:03:56Aber es ist ein reines Whiteboard-Tool, das fast nur visuell arbeitet.
00:04:00Man kann darin nicht wirklich strukturierte Dokumentationen oder Datenbanken aufbauen.
00:04:04Und dann gibt es Tools wie AppFlowy oder Anytype, die sehr ähnlich sind, aber für viele
00:04:09Dev-Workflows ist Affines Canvas-Fusion, die Block-Suite-Erweiterbarkeit und das
00:04:15CRDT-Syncing ein echtes Stück voraus.
00:04:17Die technische Besonderheit liegt hier in der Block Suite.
00:04:21Es ist im Grunde ein Open-Source-Framework für Editoren im Notion-Stil.
00:04:25Entwickler können es forken und völlig neue Anwendungen darauf aufbauen.
00:04:29Und wir sehen bereits erste Drittanbieter-Blöcke und Plugins in der Community
00:04:33auftauchen, was großartig ist.
00:04:34Es zeigt uns, dass das Projekt wirklich wächst.
00:04:36Es wird von vielen Leuten genutzt.
00:04:38Apropos Nutzung: Wer verwendet Affine eigentlich?
00:04:42Es ist eine Mischung aus Entwicklern, Architekten und Teams.
00:04:46Frontend-Entwickler scheinen es zu mögen, weil es so visuell ist.
00:04:50Es ist wirklich sehr visuell.
00:04:51Wenn du visuell arbeitest, wirst du es lieben.
00:04:52Technik- und Systemarchitekten mögen es, weil sie Doku schreiben und Diagramme zeichnen
00:04:56können – und das alles auf derselben Seite.
00:04:59Echtzeit-Kollaboration funktioniert sogar auf einer selbst gehosteten Instanz.
00:05:03Ein riesiger Bonus.
00:05:04Ein paar Dinge, die hier wirklich herausstechen, sind die Privatsphäre, besonders wenn du
00:05:08proprietären Code oder persönliche Sachen speicherst.
00:05:11Es geht um Datenschutz.
00:05:12Wir wollen unsere persönlichen Daten nicht auf fremden Servern haben.
00:05:15Der nächste Punkt ist das Deployment.
00:05:16Es gibt ein offizielles Docker-Compose-Setup.
00:05:18Du startest das Backend und betreibst deine eigene Workspace-Plattform.
00:05:21Und schließlich die Entwicklungsgeschwindigkeit, die wir hier haben.
00:05:25Features werden schnell veröffentlicht.
00:05:26Und wenn du etwas Neues willst, könntest du sogar selbst beitragen und
00:05:30deinen eigenen Block direkt auf der Block Suite aufbauen.
00:05:33Jetzt habe ich nur Gutes erzählt, aber wie bei allem gibt es auch Schattenseiten,
00:05:37denn so mächtige Dev-Tools haben immer ihre Ecken und Kanten.
00:05:41Große Workspaces können gelegentlich beim Buffering haken.
00:05:45Es verbessert sich schnell, ist aber noch nicht so flüssig wie etwa Figma.
00:05:48Also die Performance – sie ist nicht überragend.
00:05:50Sie ist okay.
00:05:51Sie ist gut.
00:05:52Aber eben nicht fantastisch.
00:05:53Zweitens ist das Datenbanksystem solide, aber noch im Wachstum.
00:05:54Einfache Tabellen und Kanban-Boards klappen super, aber für komplexe Relationen
00:05:57und Unteraufgaben reicht es noch nicht ganz.
00:06:03Das soll mit einem neuen Update kommen.
00:06:04Dann wäre da noch der Mobile-Support.
00:06:06Aktuell läuft es im Browser auf Tablets und iPads.
00:06:07Das funktioniert eigentlich recht gut, aber es gibt noch keine voll native App.
00:06:10Und schließlich kann das Self-Hosting manchmal Tücken haben.
00:06:15Es gibt kleine Probleme mit Image-Proxy-Konfigurationen oder ARM-Setups – nichts Wildes.
00:06:17Gute Nachricht: Die Dokumentation ist ordentlich und Probleme werden priorisiert.
00:06:22Ehrlich gesagt ist die Stabilität für ein Projekt mit über 63.000 Sternen
00:06:26und diesem Umfang ziemlich beeindruckend.
00:06:30Die große Frage ist also, ob sich Affine für dich als Entwickler lohnt.
00:06:32Für viele wird die Antwort “Ja” lauten.
00:06:36Warum auch nicht?
00:06:39Besonders wenn dir Datenhoheit wichtig ist und du deine Tools lieber selbst hostest.
00:06:40Wenn du Architektur-Dokus und Specs schreibst,
00:06:44oder wenn du einfach einen Workspace willst, den du erweitern und anpassen kannst.
00:06:47Alleine diese Block Suite macht das Projekt schon extrem interessant.
00:06:51Wo es vielleicht noch nicht perfekt ist, ist dort, wo man eine makellose UX braucht
00:06:52oder wenn der Workflow stark von Mobilgeräten abhängt.
00:06:56Du kannst das abwägen und schauen, was für dich passt, aber Affine ist definitiv
00:07:01eines der spannendsten Produktivitäts-Tools, die gerade entstehen.
00:07:03Ich schätze, wenn du es erst mal für private Projekte nutzt, stehen die Chancen gut,
00:07:08dass du am Ende auch dein Team-Wiki dorthin migrierst.
00:07:10Wenn du Affine ausprobieren willst, habe ich alle Links in die Beschreibung gepackt.
00:07:14Du kannst es online testen, die Desktop-Apps laden oder es per Docker selbst hosten.
00:07:16Es ist alles da.
00:07:18Wenn dir Open Source und AI-Tools gefallen, abonniere den Kanal.
00:07:23Wir sehen uns im nächsten Video.

Key Takeaway

AFFiNE bietet Entwicklern einen hochgradig anpassbaren, lokal fokussierten Workspace, der die Grenzen zwischen Dokumentation, visueller Architekturplanung und Aufgabenmanagement durch den innovativen Edgeless Mode aufhebt.

Highlights

AFFiNE ist eine Open-Source-Alternative zu Notion, Miro und Airtable, die Dokumente, Whiteboards und Datenbanken vereint.

Das Tool folgt einem "Local-First"-Ansatz mit CRDT-Syncing (Y-Octo) für nahtloses Offline-Arbeiten ohne Merge-Konflikte.

Der "Edgeless Mode" ermöglicht den fließenden Wechsel zwischen strukturierten Dokumenten und einer unendlichen Leinwand.

Entwickler können AFFiNE durch das Block-Suite-Framework mit eigenen Web-Komponenten und Plugins erweitern.

Datenschutz steht im Fokus, da das gesamte System via Docker-Compose selbst gehostet werden kann.

Mit über 63.000 GitHub-Sternen zeigt das Projekt eine enorme Entwicklungsgeschwindigkeit und Community-Resonanz.

Timeline

Einführung in AFFiNE: Das Wissens-Betriebssystem

Der Sprecher stellt AFFiNE als umfassende Open-Source-Lösung vor, die gängige Workflows von Notion und Miro in einem Tool bündelt. Das System wird als "Wissens-Betriebssystem" für Entwickler bezeichnet, das Dokumente, Diagramme und Datenbanken verschmilzt. Besonders hervorgehoben wird der "Edgeless Mode", der den Wechsel auf eine unendliche Leinwand ermöglicht. Ziel ist es, die Zerstückelung des Workflows durch zu viele verschiedene Applikationen zu beenden. Der Local-First-Ansatz wird hierbei als zentrales Fundament für die Datensouveränität eingeführt.

Technische Architektur und Erweiterbarkeit

In diesem Abschnitt werden die technischen Details wie das Rust-Backend OctoBase und CRDT-Syncing via Y-Octo erläutert. Diese Technologien garantieren, dass Nutzer offline arbeiten können, ohne später beim Synchronisieren Datenverluste zu erleiden. Ein Highlight ist das Framework "Block Suite", welches es Entwicklern erlaubt, eigene interaktive Blöcke mit Web-Komponenten zu bauen. Zudem werden Standard-Features wie Markdown-Support, Code-Blöcke und Embeds für Figma oder GitHub erwähnt. Die hohe Popularität mit über 63.000 Sternen auf GitHub unterstreicht das schnelle Wachstum des Projekts.

Live-Demo: Vom Dokument zum Whiteboard

Der Sprecher demonstriert den schnellen Einrichtungsprozess mittels Docker und zeigt die Erstellung eines ersten Workspace. Es wird veranschaulicht, wie eine API-Spezifikation im Dokumenten-Modus geschrieben und dann im Edgeless Mode grafisch umrahmt wird. Der Nutzer kann Architekturdiagramme direkt um den Code herum skizzieren, ohne das Tool für Miro oder ähnliche Dienste verlassen zu müssen. Aufgaben lassen sich aus einfachen Notizzetteln generieren und sofort in ein funktionales Kanban-Board umwandeln. Diese nahtlose Integration von Text, Grafik und Projektmanagement bildet den Kern des Workflows.

Marktvergleich: AFFiNE vs. Notion, Miro und Obsidian

Hier erfolgt eine direkte Gegenüberstellung mit etablierten Tools, wobei die jeweiligen Schwachstellen von Notion (Cloud-Zwang) und Miro (rein visuell) aufgezeigt werden. Während Obsidian exzellent für lokale Markdown-Notizen ist, fehlen dort ohne komplexe Plugins oft die Datenbank- und Kollaborations-Features. AFFiNE positioniert sich als All-in-One-Lösung, die viele dieser Funktionen bereits nativ mitbringt. Auch der Vergleich zu anderen Open-Source-Projekten wie AppFlowy zeigt, dass AFFiNE durch die Canvas-Fusion einen technologischen Vorsprung hat. Diese Analyse hilft Anwendern zu verstehen, für welche spezifischen Bedürfnisse AFFiNE die beste Wahl ist.

Zielgruppen, Deployment und aktuelle Schwachstellen

Der Fokus liegt nun auf der Zielgruppe, die primär aus Software-Architekten und visuell arbeitenden Frontend-Entwicklern besteht. Ein entscheidendes Argument ist das einfache Self-Hosting via Docker-Compose, was maximale Privatsphäre für proprietären Code ermöglicht. Der Sprecher bleibt jedoch ehrlich und spricht auch bestehende Performance-Probleme bei sehr großen Workspaces an. Die Datenbank-Relationalität ist derzeit noch im Aufbau, und eine voll native mobile App fehlt bislang noch im Ökosystem. Dennoch wird die Stabilität des Projekts angesichts seiner Komplexität und der guten Dokumentation gelobt.

Fazit und Empfehlung für die Praxis

Zum Abschluss wird die Frage geklärt, ob sich der Umstieg für Einzelentwickler oder Teams lohnt. Wenn Datenhoheit und die Kombination aus Dokumentation und Architekturzeichnung wichtig sind, lautet die Antwort klar "Ja". Für Workflows, die extrem auf mobile Nutzung oder eine perfekte UX angewiesen sind, könnte es noch zu früh sein. Der Sprecher motiviert dazu, AFFiNE zunächst für private Projekte zu testen, da die Wahrscheinlichkeit für eine spätere Team-Migration hoch sei. Alle Ressourcen für den Testlauf online oder via Desktop-App werden abschließend in der Videobeschreibung verlinkt.

Community Posts

No posts yet. Be the first to write about this video!

Write about this video