Ma stack efficace pour vibecoder : Claude, outils & Notion

T'as peur d'être largué par la vitesse à laquelle tout va aujourd'hui ? On te parle de vibe coding, d'IA et c'est vrai, il y a beaucoup de contenu valable qui existe, par exemple chez Contournement avec Alexis et avec Xavier, ou le dernier clic avec Manu ou avec Lucille. Mais moi, ce que je veux ici, c'est que je veux qu'on transforme cette anxiété, le fait que tout bouge très très vite, en une action concrète.

Vibe coder, c'est pas coder, c'est piloter. Et avec Cloud, Notion et Supabase, qui peuvent couvrir toutes les bases, même si ce n'est sans doute pas la stack habituelle que tu vois d'habitude sur les réseaux et sur Internet. Mais moi, je ne suis pas dans le flashy, je suis dans l'efficace et dans le transparent. Si tu veux te lancer avec une véritable structure, des outils solides et de bonnes habitudes, ça commence maintenant.

Bonjour, je m'appelle Vince et bienvenue sur KreaCity. Alors, quelles sont les questions auxquelles on va répondre aujourd'hui ? On va répondre à pourquoi je dis vibe codé et pas simplement codé. Est-ce que ça change pour toi si tu n'as jamais fait tout ça ? Quels sont les trois piliers de la stack de ce projet ? Et là, on va avoir sans doute une vraie discussion dans les commentaires, parce que c'est une stack qui est purement personnelle, qui est vraiment dans mon usage à moi.

On parlera donc de Cloud, de Notion et de Supabase. Et puis, on verra pourquoi Obsidian, c'est sans doute pas le bon outil, en tout cas dans un contexte professionnel. Et là, encore une fois, c'est une discussion qu'on peut avoir dans les commentaires, pas de problème. Ce n'est pas que je sois spécialement complètement contre Obsidian, mais j'ai un avis sur la question et je te le partage.

Première chose, pourquoi est-ce qu'on dit vibe codé et pas codé ? Et qu'est-ce que ça change pour toi ? La première chose que tu dois savoir, c'est que moi, ça fait 25 ans que je crée des systèmes et que je crée des formations. C'est tout mon expérience professionnelle d'être formateur, d'être prof. Je sais donc ce qu'il faut pour qu'un message passe et puis surtout, je sais ce que je veux et je sais ce que je ne veux pas.

J'ai essayé aussi plein de plateformes différentes, plein d'outils différents, des trucs qui viennent du marché, des trucs qui étaient parfois très chers, des outils qui étaient parfois gratuits. Et au final, j'ai jamais rien trouvé qui me plaisait complètement. Donc, j'ai fini par créer la mienne. J'ai créé ma plateforme, on en parlera tout à l'heure, je te montrerai deux trois exemples de ce que j'ai fait.

Par contre, les trois piliers de tous systèmes, de mon point de vue, et là c'est pour tous les systèmes, pour tous les outils, c'est toujours pareil : la donnée, les différents composants qu'on veut créer et la cartographie, c'est-à-dire aussi comment on va les relier entre eux et ce qu'on veut faire. Ici, dans le vibe coding, c'est qu'on va diriger, on va critiquer, on va contrôler, mais en laissant Claude aussi faire le travail et proposer des choses en plus.

Parce que finalement, c'est un outil qui va te proposer des solutions qui sont parfois meilleures que les idées que tu avais. Pas de problème avec ça. Par contre, ton rôle reste toujours de diriger, de critiquer, de contrôler la sortie qui a été faite par Claude. Ce que tu dois retenir ici, c'est que tu n'es pas obligé de construire un truc énorme pour commencer.

Mais dis-moi un petit peu dans les commentaires, par exemple, ou prends simplement rendez-vous avec moi, tu auras le lien tout à l'heure ou dans la description, par quoi est-ce que toi tu as envie de commencer ? Est-ce que tu as envie aussi de créer un outil ? Une extension Chrome ? Une petite application ? Est-ce que c'est quelque chose qui te tenterait ? Dis-moi ça simplement dans les commentaires ou prends simplement un appel avec moi.

Je te rappelle aussi qu'on a ici le 1er septembre, le 3 septembre et le 6 septembre, il y a trois soirs pour une inscription au triple webinaire sur devenir freelance No-Code. On va parler des cinq missions qui rapportent, on va parler du fait que la compétence rassure, mais la preuve rapporte, et on va parler d'un business No-Code qui rapporte. Chaque fois, tu verras que le but, c'est vraiment de gagner sa vie et surtout d'atteindre ta triple liberté : temps, argent, clients.

Regarde dans la description pour t'inscrire à ce triple webinaire gratuit. Alors, quels sont les trois piliers de la stack pour ce projet ? Je te parlais de Claude, de Notion et de Supabase. Tout commence dans Notion, de mon point de vue, les produits, les missions. Donc, toute l'équipe travaille encore beaucoup, beaucoup dans Notion.

Et puis aussi, tu verras qu'il y a une bonne partie du contenu qui vient de Notion, qui est préparé dans Notion, et puis qui est affiché d'une certaine manière dans l'application que j'ai vibe codée. Tout revient toujours dans Notion à un moment ou à un autre. La documentation, les statistiques. Notion, c'est vraiment notre S-S-O-T, Single Source of Truth.

Et Notion reste le seul outil qui, de mon point de vue, gère les données, la collaboration, l'interface, encore plus avec les nouveautés Notion dont on reparlera d'ailleurs dans une prochaine vidéo. Et là, encore une fois, dans les commentaires, tu peux être d'accord ou pas d'accord. Tu peux avoir envie d'utiliser Notion ou d'autres outils. Si tu veux utiliser d'autres outils, dis-moi lesquels en commentaire, ça m'intéresse.

Je sais qu'on a parlé parfois de Fibery, de Time Tonic pour d'autres usages, etc. Pour moi, Notion ça reste le tout-en-un qui permet vraiment de tout faire. Est-ce que c'est important ou pas de multiplier les sources de vérité ? Ça, c'est vraiment une question que je te pose, parce que quand je te dis que Notion, c'est vraiment l'outil qui centralise tout, peut-être que de ton côté, ce n'est pas quelque chose qui est aussi nécessaire, qui est aussi fort.

Ou la tienne, c'est quoi ta source de vérité ? Dans quoi tu mets toutes tes informations ? Mets-moi ça dans les commentaires, ça m'intéresse de voir un petit peu comment toi, tu travailles. Je te montre quand même vite fait dans Notion, une des choses qui est importante et qu'on va regarder assez rapidement, c'est que ceci est une mission. Une mission qui est un contenu pédagogique, quelque chose que toi tu peux faire comme mission, comme exercice.

Toute cette mission, elle a été créée dans Notion, elle a été pensée dans Notion, elle est reliée aux outils, aux domaines, aux fonctionnalités pour bien vérifier qu'on parle des bonnes choses et qu'on a un contenu qui est assez complet. Tu vois qu'ici, il y a un briefing, qui a des objectifs, qui a des étapes, qui a une partie même qui est verrouillée, tu le vois ici, avec la documentation L-Template, avec les différentes formules, et on a une correction avec une vidéo de correction.

Et en fait, tout ça, ce n'est pas comme si je le mettais, voilà, je juste j'affiche le Notion dans la plateforme de formation. En vrai, voilà comment c'est transformé dans la plateforme de formation, voilà comment c'est traduit dans la plateforme de formation. Il y a une couche de traduction, donc un des composants qui a été créé, c'est un des tout premiers composants que j'ai créés d'ailleurs dans l'application que j'ai vibe codée.

C'est cette application, entre guillemets, de traduction des contenus qui étaient dans Notion et qu'on a mis dans la plateforme pour les présenter un peu mieux. Par exemple, cette barre ici de navigation, comme ceux-ci, ce n'est pas quelque chose que tu vas trouver dans Notion ou dans le dojo. Je voulais que ce soit mieux présenté, je voulais que ce soit présenté un peu autrement.

Et donc, tu peux naviguer comme ça dans les différentes parties. Et d'ailleurs, ces trois premières parties, elles sont publiques. N'importe qui peut les voir, y compris les moteurs de recherche. Donc, c'est vachement bien pour le SEO. Par contre, tu l'as vu tout à l'heure, il y a une partie qui est verrouillée. Donc, il y a un petit verrou ici.

Et ce verrou, il est traduit, quand il est envoyé vers le dojo, il est traduit en une séquence que tu ne peux pas voir si tu n'as pas le bon niveau d'accès. Et donc, si tu as un niveau d'accès de no limit, tu vas voir la documentation, le template, la correction. Sinon, tu ne le verras pas. Et donc, encore une fois, il y a cette partie de si on est dans du contenu payant, on voit plus de choses.

Et puis surtout, si tu es dans le contenu payant, tu peux aussi soumettre ta remise. Ça, c'est quelque chose, je crois, que personne ne fait dans les plateformes de formation, en tout cas que moi je connais. C'est que tu peux directement envoyer ta vidéo pour que Nico ou moi, on review ton contenu, qu'on review ta mission pour voir ce que tu as fait, pour voir comment tu l'as fait et pour t'aider, pour te conseiller.

Et donc, tu as ici toute une partie d'upload de tes résultats. C'est aussi vachement intéressant parce que ça va être public, ça va être visible par d'autres personnes. Donc, tu vas aussi pouvoir montrer, si tu as envie, à d'autres personnes ton expertise. Puisque on en reparlera dans les webinaires sur le bootcamp, mais je dis toujours : la compétence rassure, la preuve rapporte. Il faut montrer des preuves du fait que tu es capable de faire x, y, z.

Alors, je te montrais donc que ça, ça venait bien de Notion. Et ici, en admin, du côté du dojo, voilà la feuille, la page de cette partie-là. Donc ça vient, c'est un contenu qui vient de Notion, que je peux resynchroniser avec Notion quand il y a des modifications qui ont été faites. Il y a des fragments qui sont liés parce qu'il y a d'autres morceaux de pages.

Ici, par exemple, les différentes formules qu'on explique dans ce contenu-là. Et puis, ça fait partie d'un parcours. Donc, cette mission fait partie du parcours OKRCadre Objectifs et Résultats Clés., du bootcamp, mais aussi de la formation sur les formules Notion. Et puis, tu vois, il y a encore une fois toutes les possibilités ici en dessous : combien de temps ça m'éterait de le faire, est-ce que c'est une remise vidéo qu'on demande, juste cliquer sur le bouton ou un quiz, par exemple, auquel il faut répondre avant de pouvoir passer à la prochaine.

Et donc, tu vois que tout ça, c'est fait vraiment dans le back-end que j'ai construit dans l'application du dojo, dans la partie que moi je vois et dans la partie sur laquelle moi je travaille. Mais encore une fois, tout est construit d'abord dans Notion, transposé dans le dojo, dans la plateforme de formation, et on peut le synchroniser comme ça.

Il y a plein d'autres trucs comme ça d'ailleurs qui sont synchronisés. Si je te montre par exemple ici l'université d'été qu'on a fait, le soir numéro 2, voilà la page dans le dojo et la page publique. Tout simplement, ça devient cette page, si c'est traduit, entre guillemets, en cette page-là. Et donc, tu vois ici les différents outils qui ont été créés, les différents programmes de l'université d'été, les concepts clés qui viennent se mettre ici à côté, les grands chiffres et aussi la retranscription complète.

Retranscription complète d'ailleurs qui est faite avec un outil d'IA local. Donc ça se fait sur ma machine, rien ne va vers l'extérieur, rien ne va dans le cloud ou sur une machine, sur une IA dans le cloud. Ce travail-là est intégralement fait en local. Encore une fois, si c'est le genre de truc qui peut t'intéresser, dis-le-moi, on pourra en discuter.

Tous mes contenus ici sont bien listés dans le dojo, que les parcours sont dans le dojo, que tout ce qu'on fait vient et est travaillé d'abord dans Notion, est préparé dans Notion, et puis est envoyé dans la plateforme de formation. Sauf, comme par exemple ce cas-ci, ça c'est des images qu'on crée, c'est un outil qui crée des images grâce à l'IA, mais sur base du petit personnage, le Sensei que j'ai créé, différentes grâce à l'IA et qui permet de faire une couverture pour un contenu sur les réseaux sociaux ou une couverture pour une formation ou pour une image.

Et donc tout ça, c'est des choses qui sont gérées ici, encore une fois dans le dojo que j'ai vibe codé avec Claude. On a aussi, je disais tout à l'heure, dans les outils dont on a parlé, il y a Supabase qui gère l'authentification, les droits des personnes, qui permet aussi de voir tout simplement qui a toutes les données de l'application. Un seul projet ici dans ce compte Supabase, le dojo.

Encore une fois, on a toutes les données, toutes les informations, les erreurs, le stockage de toutes les images, etc. C'est assez complet de mon point de vue. Et tout ça vient par exemple ici du Sensei qui est généré et qui permet de créer plein d'autres poses, etc. Donc c'est tout un travail dont on reparlera quand je te montrerai ce que j'ai fait exactement pour la création de contenu, en tout cas ici avec le dojo.

Et tu vois que même ceux-ci, ici, les slides par exemple, pour aller au bout du truc, ce que je te montre ici, tu vois, je passe des slides ici, les images qui sont générées, ça a bien compris d'où elles venaient. Mais en fait, même toute la vidéo est préparée ici dans une interface que j'appelle moi Cascade. Cascade parce qu'on crée un truc et ça se développe en plein d'items.

Là, la vignette de la vidéo, elle est gérée ici. Tous les slides ici sont générés à partir du squelette qui a été créé ici en dessous, que je crée, que je rédige pour préparer ma vidéo. Et puis ensuite, avec le tournage, quand la vidéo est récupérée, il y a toute la retranscription qui permet ensuite de faire la description YouTube, les différents chapitres, etc. Donc c'est vraiment un parcours complet, mais qui démarre effectivement ici quand je regarde ces slides et quand je fais cette présentation.

Et si jamais tu vois dans tout ça, il y a des choses qui t'intéressent et c'est quelque chose dont tu veux qu'on discute, tu as toi-même le projet de créer quelque chose, de créer une application, tu as un projet que tu veux me présenter, tu as un avis que tu veux de ma part sur quelque chose que tu vas construire, prends un appel de 20 minutes, c'est toujours gratuit. J'adore prendre contact avec vous et comprendre un petit peu comment vous fonctionnez et ce que vous voulez créer.

Alors, je termine avec Obsidian, parce que je sais qu'il y a eu toute une période où on parlait à fond d'Obsidian pour le second cerveau, etc. Et ce n'est pas que je suis contre Obsidian au départ, ce n'est pas vraiment le problème, mais dans un contexte professionnel et collaboratif, Obsidian, ce n'est franchement pas une bonne solution.

Je ne crois pas, moi, qu'une accumulation de fichiers MD dans un contexte collaboratif ça fonctionne bien. Le vrai outil pour collaborer, c'est des bases de données, c'est une gestion de contenu. Si tu es tout seul et que tu travailles sur tes propres skills, ton propre travail, que tu as tes propres données à toi pour ton petit boulot à toi, travailler avec Obsidian, c'est vraiment bien.

Obsidian, c'est un très bon outil et en plus, c'est en local, donc il y a plein d'avantages à travailler avec Obsidian. Je ne conteste pas du tout ça. Je dis simplement que quand on est dans un travail collaboratif, Obsidian, c'est sans doute pas suffisant. Les fichiers MD ne créent pas de relation comme une base de données relationnelle.

Donc tous les fichiers que tu crées, oui, tu peux tous les envoyer à ton IA et il va les lire et il va finir par créer lui-même des liens entre les différentes parties. C'est vrai, mais tu bouffes chaque fois quand même une partie de ta fenêtre de contexte pour ça. Et en plus, encore une fois, ce n'est pas de la gestion de base de données relationnelle. Ce n'est pas aussi efficace, ce n'est pas aussi fort.

Et Supabase, pour moi ici, c'est une base de données vraiment une base de données, entre guillemets, traditionnelle, même s'il y a plein de fonctions modernes dans Supabase. Et surtout, Supabase a l'avantage d'être les deux : c'est en même temps une base de données, en même temps c'est même les trois, l'outil qui me sert à gérer les utilisateurs et l'authentification des utilisateurs, et aussi le RAGMixe IA et base externe pour des réponses pointues., c'est-à-dire un outil qui me permet de stocker beaucoup de données pour les retrouver.

Donc c'est Augmented Generation. Donc tu as ici un RAG, c'est une forme de base de données vectorielle qui va prendre tous les contenus que je lui donne et qui va les vectoriser pour les mettre en lien d'un point de vue sémantique. Donc ce n'est pas simplement une recherche mot à mot, c'est une recherche au niveau du sens des phrases, des mots et de leur enchaînement.

Et ça, Supabase a l'avantage de faire les deux : base de données, entre guillemets, traditionnelle et RAG, avec en plus la couche authentification dont moi, j'ai besoin pour le dojo. Maintenant, est-ce qu'un tas de fichiers MD bien structurés, organisés au départ, vont tenir la distance dans un contexte collaboratif où la donnée est la véritable richesse de l'entreprise ?

Je t'ai donné mon avis, mais encore une fois, j'attends le tien en commentaire. C'est justement là que c'est intéressant. Tout ce qu'on vit actuellement, c'est les échanges, c'est la manière de discuter de tout ça, c'est voir un petit peu. On est d'accord, on n'est pas d'accord, on a un avis différent, on pense que. Et c'est justement là qu'on peut construire de meilleurs ensemble.

Je te rappelle aussi que le jeudi soir, outre le fait que d'habiter ici, dans ce cas-ci, il y a les trois webinaires pour devenir freelance No-Code. Et tous les jeudis soir, on fait des workshops gratuits autour justement de Notion, de l'IA, des outils, des automatisations. Inscris-toi gratuitement, c'est toujours gratuit, il y a toujours un replay.

Voilà, si tu as envie de progresser, mais que tu n'es pas encore prêt à passer au stade supérieur, moi je dis toujours : j'offre ce que les autres font payer, je fais payer ce que personne d'autre ne peut offrir. J'offre énormément de choses. Tu as la formation gratuite Notion, Cloud, n8n qui est disponible sur KreaCity. Tu as tous les webinaires qu'on propose les jeudis soirs.

Moi, je connais des gens, ça fait des semaines, ça fait des mois, ça fait même des années, ils suivent tout ce que je fais, ils regardent les vidéos, ils viennent au webinaire, sans payer un sou. Et j'espère en tout cas que j'ai été utile pour eux, ou alors sinon, il y a un petit peu de masochisme à venir chaque fois raconter ce que je raconte et que ça ne les intéresse pas. Ou peut-être que ça améliore la sieste de ces personnes, j'en sais rien.

Encore une fois, je te remercie d'avoir regardé cette vidéo. N'oublie pas d'aimer, de commenter, de partager, de ta bonne et de faire sonner la cloche. Sois sympa dans les commentaires, parce que les trolls, c'est uniquement chouette quand ça danse, ça chante ou ça fait des câlins. Puis sur ce, on se revoit bientôt. Merci.