AFFiNE : L'alternative open-source à Notion, Miro et Airtable

BBetter Stack
Computing/SoftwareSmall Business/StartupsInternet Technology

Transcript

00:00:00Imaginez remplacer Notion, Miro et la moitié de votre flux de travail par un seul outil open source.
00:00:05Des documents aux schémas d'architecture, en passant par les tâches, tout est sur le même canevas infini.
00:00:10Voici Affine, un espace de travail local-first qui fait un carton monumental sur GitHub.
00:00:15C'est entièrement open source, axé sur le stockage local et auto-hébergeable.
00:00:19Je vais vous montrer comment l'installer et pourquoi de plus en plus de devs l'adoptent.
00:00:28Affine est fondamentalement un système d'exploitation de la connaissance pour les développeurs.
00:00:31La plupart des outils vous obligent à tout séparer.
00:00:34Un outil pour les docs, un autre pour les schémas, un autre pour la planification.
00:00:37Affine fusionne tout cela.
00:00:40On y trouve des documents riches, des bases de données relationnelles et un tableau blanc infini, le tout dans
00:00:44le même espace de travail.
00:00:46Ils appellent cela le mode “edgeless” (sans bordures).
00:00:48Maintenant, voici la partie qui vous intéresse vraiment.
00:00:51Comme je l'ai dit, Affine est local-first.
00:00:53Il utilise la synchronisation CRDT via Y-Octo et un backend en Rust appelé OctoBase.
00:00:59Cela signifie que vous pouvez travailler hors ligne, revenir plus tard et synchroniser sans conflits de fusion
00:01:03ni perte de données.
00:01:04Vous pouvez déployer toute la stack avec une simple commande “docker-compose up”.
00:01:09Un autre élément intéressant est le framework d'édition appelé Block Suite.
00:01:13C'est un éditeur de blocs extensible où les développeurs peuvent créer des blocs et plugins personnalisés
00:01:17en utilisant des composants web.
00:01:18Si vous voulez des blocs qui affichent des réponses d'API, vos schémas ou des vues de données spécifiques,
00:01:23vous pouvez les construire directement dans Affine.
00:01:26Pour le quotidien du dev, vous avez aussi le Markdown, les blocs de code et même l'intégration GitHub.
00:01:30On a des intégrations Figma ainsi que ces schémas d'architecture et post-its qui peuvent instantanément
00:01:35se transformer en tableau Kanban ou même en base de données.
00:01:38Vu son succès fulgurant, le projet évolue très vite avec une nouvelle version
00:01:43qui vient tout juste de sortir.
00:01:44Et avec plus de 63 000 étoiles sur GitHub, ça veut dire quelque chose.
00:01:47Si vous aimez ce genre d'astuces et d'outils pour booster votre flux de travail, abonnez-vous
00:01:51à la chaîne Better Stack.
00:01:53Allez, trêve de bavardages.
00:01:54Laissez-moi vous montrer la rapidité de l'installation et comment plonger dans le flux de travail.
00:01:58Après avoir cloné le dépôt, on lance la commande Docker, ça démarre, et je peux créer un espace de travail.
00:02:04J'insère rapidement une spécification d'API avec un bloc Markdown, puis j'ajoute un extrait de code.
00:02:10Ensuite, je bascule la page en mode “edgeless”, et le document s'intègre à ce
00:02:15canevas infini.
00:02:16Et c'est déjà super cool, en tout cas de mon point de vue.
00:02:18Mais c'est là que ça devient encore plus intéressant.
00:02:21Au lieu d'ouvrir Miro ou un autre tableau blanc, je peux commencer à esquisser l'architecture
00:02:25directement ici, autour du code.
00:02:28Par exemple, je peux placer la passerelle API ici, le service d'auth là, et peut-être la base de données
00:02:34juste là-bas.
00:02:35Je peux faire glisser des formes, les relier par des flèches, déplacer des éléments, bref, le même flux
00:02:40qu'avec n'importe quel outil de tableau blanc.
00:02:42Mais maintenant, tout est centralisé.
00:02:43Tout est dans Affine.
00:02:45Et cela cohabite juste à côté de la documentation réelle par laquelle nous avons commencé.
00:02:48Ainsi, la spécification et le schéma d'architecture restent ensemble.
00:02:52Maintenant, regardez ça.
00:02:54Je peux ajouter quelques post-its pour les tâches, les sélectionner et les convertir en base de données.
00:02:59Et voilà, c'est devenu un tableau Kanban.
00:03:00C'est dans le même espace, plus besoin d'exporter ou de changer d'application.
00:03:05Ensuite, je pourrais intégrer un ticket GitHub directement sur la page, puis placer un design Figma
00:03:11juste à côté.
00:03:12Désormais, la doc, le schéma d'architecture, les tâches et les références de design vivent
00:03:17ensemble au même endroit.
00:03:19Ça fonctionne hors ligne, et si vous voulez, vous pouvez tout auto-héberger.
00:03:23Alors, où se situe Affine par rapport aux autres outils que nous utilisons déjà ?
00:03:26Commençons par le plus gros.
00:03:27Parlons de Notion.
00:03:29Notion est peaufiné, on est d'accord, mais c'est uniquement sur le cloud, le canevas est limité,
00:03:33et vos données vivent exclusivement sur leurs serveurs.
00:03:37Ensuite, il y a des outils comme Obsidian, qui est génial pour les bases de connaissances locales en Markdown.
00:03:42Mais si vous voulez des schémas, des bases de données ou de la collaboration, vous finissez souvent
00:03:48par installer une tonne de plugins.
00:03:49Affine propose l'essentiel de tout cela nativement.
00:03:53Puis, bien sûr, il y a Miro.
00:03:54Miro est un outil sympa, n'est-ce pas ?
00:03:56Mais c'est un excellent tableau blanc qui reste principalement visuel.
00:04:00On ne peut pas vraiment y construire de documentation structurée ou de bases de données.
00:04:04Et il y a des outils comme AppFlowy ou Anytype, qui sont assez similaires, mais pour beaucoup
00:04:09de flux de travail de développeurs, la fusion du canevas d'Affine, l'extensibilité de Block Suite
00:04:15et la synchronisation CRDT ont une longueur d'avance.
00:04:17La grande différence technique réside dans Block Suite.
00:04:21C'est essentiellement un framework d'édition open source de style Notion.
00:04:25Les devs peuvent le forker et construire des applications entièrement nouvelles par-dessus.
00:04:29Et on commence déjà à voir des blocs tiers et des plugins apparaître au sein de
00:04:33la communauté, ce qui est génial.
00:04:34Cela montre que le projet est en pleine croissance.
00:04:36Il est utilisé par énormément de monde.
00:04:38En parlant d'utilisation, qui utilise réellement Affine ?
00:04:42Eh bien, c'est un mélange de développeurs, d'architectes, d'équipes...
00:04:46Les ingénieurs front-end semblent l'apprécier car c'est très visuel.
00:04:50C'est extrêmement visuel.
00:04:51Si vous avez une approche visuelle, vous allez adorer.
00:04:52Les architectes techniques et système l'apprécient car ils peuvent documenter et dessiner
00:04:56des schémas d'architecture sur une seule et même page.
00:04:59La collaboration en temps réel fonctionne même sur une instance auto-hébergée.
00:05:03C'est un énorme bonus.
00:05:04Quelques points se démarquent vraiment : la confidentialité, surtout si vous stockez
00:05:08du code propriétaire ou des choses personnelles.
00:05:11C'est la vie privée.
00:05:12On veut garder nos données persos hors des serveurs tiers.
00:05:15Ensuite, le déploiement.
00:05:16Il existe une configuration officielle Docker Compose.
00:05:18Vous lancez le backend et vous gérez votre propre plateforme de travail.
00:05:21Enfin, il y a la vitesse de développement dont on bénéficie.
00:05:25Les fonctionnalités sortent rapidement.
00:05:26Et si vous voulez quelque chose de nouveau, vous pouvez même contribuer et créer
00:05:30votre propre bloc personnalisé directement sur Block Suite.
00:05:33Bon, je ne fais qu'énumérer les points positifs, mais comme tout outil de dev complexe,
00:05:37il y a forcément quelques aspérités.
00:05:41Les très grands espaces de travail peuvent parfois avoir des problèmes de mise en mémoire tampon.
00:05:45Ça s'améliore vite, mais ce n'est pas encore aussi fluide que Figma.
00:05:48Donc, niveau performance, ce n'est pas encore parfait.
00:05:50C'est correct.
00:05:51C'est même bien.
00:05:52Mais ce n'est pas encore exceptionnel.
00:05:53Deuxièmement, le système de base de données est solide, mais il continue de grandir.
00:05:54Les tableaux basiques et les Kanbans fonctionnent bien, mais pour les relations avancées et
00:05:57les sous-tâches, ce n'est pas encore tout à fait ça.
00:06:03C'est censé arriver avec une nouvelle mise à jour.
00:06:04Ensuite, le support mobile.
00:06:06Pour l'instant, ça tourne dans le navigateur sur tablettes et iPads.
00:06:07Ça fonctionne plutôt bien, mais il n'y a pas encore d'application mobile native.
00:06:10Et enfin, l'auto-hébergement peut réserver quelques surprises.
00:06:15Quelques soucis de configuration de proxy d'images ou d'installations ARM, rien de majeur,
00:06:17mais c'est à noter.
00:06:22La bonne nouvelle, c'est que la doc est bonne et les problèmes sont traités en priorité.
00:06:26Franchement, pour un projet de plus de 63 000 étoiles avec une telle envergure, la stabilité
00:06:30est assez impressionnante.
00:06:32La grande question est donc de savoir si Affine vaut le coup pour un développeur.
00:06:36Pour beaucoup, la réponse sera oui.
00:06:39Pourquoi s'en priver ?
00:06:40Surtout si vous tenez à la propriété de vos données et préférez auto-héberger vos outils.
00:06:44Si vous rédigez des docs d'architecture et des specs,
00:06:47ou si vous voulez simplement un espace de travail extensible que vous pouvez
00:06:51personnaliser à votre guise.
00:06:52Rien que Block Suite rend le projet passionnant.
00:06:56Là où ce n'est pas encore parfait, c'est si vous avez besoin d'une UX irréprochable ou si votre flux
00:07:01dépend énormément des appareils mobiles.
00:07:03À vous de peser le pour et le contre, mais Affine est clairement l'un des outils de productivité
00:07:08les plus intéressants du moment.
00:07:10Je parie que si vous commencez à l'utiliser pour vos projets persos, il y a de fortes chances
00:07:14que vous finissiez par y migrer aussi le Wiki de votre équipe.
00:07:16Si vous voulez tester Affine, j'ai mis tous les liens dans la description.
00:07:18Vous pouvez l'essayer en ligne, télécharger les applis de bureau ou l'auto-héberger via Docker.
00:07:23Tout est là.
00:07:24Si vous aimez l'open source et les outils d'IA pour accélérer votre travail, abonnez-vous.
00:07:29On se voit dans une prochaine vidéo.

Key Takeaway

AFFiNE se positionne comme un système d'exploitation de la connaissance open-source et local-first, fusionnant documentation, schémas d'architecture et gestion de tâches au sein d'un écosystème hautement extensible pour les développeurs.

Highlights

AFFiNE est une alternative open-source complète combinant les fonctionnalités de Notion, Miro et Airtable sur un canevas unique.

L'outil privilégie une approche "local-first" avec une synchronisation CRDT via OctoBase pour garantir l'absence de conflits de données.

Le framework Block Suite permet aux développeurs de créer des blocs et des plugins personnalisés à l'aide de composants web.

Le mode "edgeless" permet de basculer instantanément d'un document structuré à un tableau blanc infini pour la modélisation visuelle.

AFFiNE bénéficie d'une immense popularité sur GitHub avec plus de 63 000 étoiles et une communauté de contributeurs très active.

L'auto-hébergement est facilité par une configuration Docker Compose officielle, assurant une confidentialité totale des données.

Bien que performant, l'outil présente encore des marges de progression sur le support mobile natif et la gestion des bases de données complexes.

Timeline

Introduction et philosophie d'AFFiNE

Le présentateur introduit AFFiNE comme une solution tout-en-un capable de remplacer plusieurs outils de productivité fragmentés. Il souligne que tout est centralisé sur un canevas infini, des documents aux schémas techniques. L'accent est mis sur la nature open-source et le caractère "local-first" du projet, ce qui attire massivement la communauté sur GitHub. Cette introduction pose les bases de l'outil comme un espace de travail souverain et auto-hébergeable. L'objectif est de montrer comment simplifier radicalement le flux de travail des développeurs.

Architecture technique et Block Suite

Cette section détaille le fonctionnement interne d'AFFiNE, décrit comme un système d'exploitation de la connaissance. Le speaker explique l'utilisation de la synchronisation CRDT via Y-Octo et le backend Rust nommé OctoBase pour un travail hors ligne sans perte de données. Un point technique majeur est abordé avec Block Suite, un framework d'édition extensible permettant de construire des blocs personnalisés via des composants web. Cette extensibilité est cruciale car elle permet d'afficher des données d'API ou des schémas spécifiques directement dans l'éditeur. Le déploiement est simplifié à l'extrême grâce à une simple commande Docker Compose.

Fonctionnalités et flux de travail quotidien

Le présentateur effectue une démonstration pratique du flux de travail, commençant par l'insertion de spécifications d'API en Markdown. Il montre comment transformer un document textuel en un canevas infini grâce au mode "edgeless" pour dessiner des architectures système. Les post-its et les formes géométriques peuvent être convertis instantanément en tableaux Kanban ou en bases de données relationnelles. L'intégration d'outils tiers comme GitHub et Figma renforce la centralisation des ressources au même endroit. Cette polyvalence permet de garder la documentation, le code et le design étroitement liés sans changer d'application.

Comparaison avec la concurrence

L'analyse se déplace vers le positionnement d'AFFiNE par rapport à des géants comme Notion, Miro et Obsidian. Contrairement à Notion, AFFiNE permet un stockage local et ne limite pas l'utilisateur au cloud propriétaire. Face à Miro, il offre une structure de données beaucoup plus riche que de simples éléments visuels. Le présentateur mentionne aussi AppFlowy et Anytype, mais estime qu'AFFiNE a une longueur d'avance grâce à la robustesse de sa synchronisation CRDT. Cette comparaison aide à comprendre pourquoi les ingénieurs front-end et les architectes système privilégient cette solution.

Avantages, limites et conclusion

La vidéo se termine par un examen honnête des points forts et des faiblesses actuelles de l'outil. La confidentialité et la rapidité de développement sont citées comme des avantages majeurs pour les entreprises gérant du code propriétaire. Cependant, le présentateur note que les performances sur de très grands espaces de travail ne sont pas encore au niveau de Figma. Il mentionne également l'absence d'application mobile native et quelques difficultés mineures lors de l'auto-hébergement sur certaines architectures. Malgré ces défauts de jeunesse, la conclusion invite les utilisateurs à tester l'outil pour leurs projets personnels avant une éventuelle migration d'équipe.

Community Posts

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

Write about this video