J’ai créé mon Propre YouTube sans l’algorithme toxique de Google

j'ai créé ma propre app YouTube sans l'algorithme de recommandation toxique de Google ça c'est le YouTube que vous connaissez tous et ça c'est mon YouTube 100 % personnalisé avec uniquement les vidéos de créateurs que je veux moi suivre donc fini les recommandations inutiles mais surtout fini les shorts qui me font scroller infiniment et me détruisent le cerveau pour faire ça j'ai utilisé un outil qui s'appelle loveable c'est un outil d'intelligence artificiel qui vous permet de créer des applications sans écrire une seule ligne de code tout simplement en tapant des prompts et j'ai fait ça en

en moins d'une heure en utilisant une méthode assez classique chez les développeurs mais que peu de gens connaissent cette vidéo je l'ai découpé en trois parties la première c'est la réflexion donc en gros comment est-ce qu'on va réfléchir construire concevoir notre application avant même de commencer à travailler dessus la deuxième c'est la construction où je vais commenter le moment où j'ai construit cette application et comment j'ai réussi à la faire en à peu près une trentaine de prompts ce qui est vraiment pas beaucoup et la troisième c'est je vais vous donner mes conseils pour éviter

que vous tombiez dans les mêmes pièges dans lesquels quand j'ai construit euh cette première version de l'application l'application qu'on va apprendre à construire aujourd'hui c'est celle-là enfin ça c'était la version une de cette application la dernière version que j'ai construit en trentaine de prompt c'est celle-là qui ressemble du coup beaucoup à YouTube où je vais pouvoir filtrer mes vidéos selon les créateurs dès que j'ajoute ici un créateur il va évidemment s'ajouter à ma liste de créateurs que je veux regarder pardon mais surtout ces vidéos vont commencer à apparaître ici directement dans mon feed et tout

ça vous voyez ça a été fait avec zéro ligne de code j'ai juste petit à petit prompté lovable pour qu'il me construise pas à pas cette application en fait je vais vous expliquer un peu comment j'en suis arrivé là je me retrouvais souvent à aller sur Youtube juste pour regarder une seule vidéo et 20 minutes plus tard j'étais scotché à mon écran soit sur des shorts ou soit sur des vidéos qui n'avaient rien à voir juste parce que l'algorithme il est optimisé pour me faire rester le plus longtemps sur Youtube alors que moi j'étais juste

venu voir un truc spécifique à ce moment-là et puis un jour j'ai eu une idée je me suis dit attends l'application Youtube quand on va sur l'application derrière les informations en fait elles sont sur YouTube sur les serveurs de YouTube mais YouTube a aussi en fait une API ça veut dire qu'on peut et moi je me suis dit du coup mais vu qu'on peut construire notre application nous directement avec le weable on peut certainement utiliser l'API de YouTube mais en filtrant juste les créateurs qui nous intéressent et c'est exactement ce que j'ai fait j'ai passé

plusieurs jours ensuite à tester valider essayer d'ajouter des fonctionnalités à cette version de YouTube et aujourd'hui et ben en fait j'utilise bien plus souvent cette version ma propre version de YouTube que l'application réelle de YouTube tout simplement parce que j'y passe moins de temps et je quand je viens sur cette application et bien je ne vois que le contenu qui m'intéresse but aujourd'hui c'est de vous donner les outils les méthodes et de vous montrer exactement comment est-ce que j'ai fait pour arriver le plus rapidement possible à cette application YouTube 100 % personnalisé bon on commence

toujours par cette première partie qui est la réflexion un peu la conception de notre application donc l'application qu'on va utiliser aujourd'hui c'est lovable lovable je vous en avais déjà parlé dans cette vidéo qui qui était les 10 app que j'ai codé en 24 heures notamment une de ces apps c'était cette application YouTube et je vous avais demandé de voter pour YouTube vous aviez mis en commentaire vous avez 258 commentaires quelle app vous vouliez et moi derrière par-dessus en fait j'ai construit une autre application qui permettait de comptabiliser le nombre de votes et celle qui a

gagné c'est le YouTube fil personnalisé donc c'est celui-là qu'on va voir plus en détail en fait lovable ici c'est un outil dans lequel je vais pouvoir taper petit à petit les prompts de du type d'app que je veux mais une des erreurs que beaucoup de gens en fait c'est de commencer directement à taper leur application un des super trucs à faire dans un premier temps c'est de lister un petit peu les fonctionnalités en avance plutôt que construire au fur et à mesure un peu comme quand on veut construire une maison généralement on commence pas à

poser des briques avant d'avoir le plan de ce qu'on veut faire parce que généralement ça finit mal c'est un peu pareil c'est pas parce que en fait on va avoir lia qui va tout nous construire qu'il faut aller dans des sens ou dans des directions qu'on sait pas encore parce que derrière on le paye très cher et c'est ce qui s'est passé dans la première version de l'application où j'ai mis 120 compte à arriver à cette version de l'application donc c'est pour ça que dans un premier temps c'est bien de lister les fonctionnalités donc moi

je veux ajouter des créateurs dans ma vidé dans mon Youtube je vais voir les vidéos du jour je vais avoir un feed avec toutes les vidéos je vais je veux avoir un calendrier également et une fois que j'ai un peu en tête ces fonctionnalités je vais pouvoir réfléchir un peu mon front et mon bac bon qu'est-ce que c'est que le front et le bac parce qu'en fait dans chaque application on a toujours un front end donc ça c'est ce que vous voyez sur votre téléphone sur vos ordinateurs c'est ce que d'ailleurs construit très bien lovable

lovable est très fort à faire des des fontaines mais c'est pas le seul hein il y a des outils comme bol a des outils comme windsurf qui nous permettent pardon de construire ce type de Frontin donc tout ce qui est application visuel et d'ailleurs dans dans dans dans cette vidéo je vous montre comment est-ce que j'ai construit 10 applications différentes grâce uniquement à lovable Bolt winsurf et cetera mais une application c'est pas uniquement du front-end c'est aussi du backend c'est-à-dire des choses qui se passent derrière qui ne se voi pas et là ça peut être

de la donnée qui est stockée ça peut être des automatisations qui sont en cours et cetera et pour ça je vais utiliser un outil qui s'appelle supabase alors pas de panique on va voir ça tout à l'heure mais l'idée c'est toujours bien de comprendre un petit peu ce qu'on construit et et quelles sont les différentes parties des applications qu'on construit donc une fois qu'on a réfléchi un petit peu à ce que dans notre frontend et bah on va avoir une partie bien où on va pouvoir lister les créateurs on va avoir une partie on va

pouvoir lister les vidéos que nous on va ajouter on veut ajouter un petit peu des créateurs et cetera et bien on commence déjà à réfléchir un petit peu aux fonctionnalités à la structure de notre application et une fois qu'on a ça bah on peut aller dans la construction alors la construction vous allez le voir je l'ai faite avant cette vidéo et je vais un petit peu la commenter avec vous donc je vais la mettre en X 2 et je vais faire pause au fur et à mesure pour vous montrer exactement ce que j'ai fait parce

que sinon bah ça fera une vidéo d'une heure et euh ça sert à rien d'attendre que lovable en fait charge pour pouvoir vous montrer comment ça marche donc c'est parti ici on est donc sur l'interface de lovable je veux lui demander de me faire déjà une interface qui ressemble à YouTube vous allez voir que lui il va s'activer et puis il va commencer à s'écr à écrire du code et ce code là et bien au bout d'un moment il va être exécuté euh et voilà vous avez vu déjà la première version ressemble déjà beaucoup à

YouTube ce qui est génial et donc maintenant je vais lui demander j'aimerais que tu lis ça à une base de données supabase où il y a deux bases de données une base de données de vidéo et une base de données de créateur donc en fait ce que je suis en train de faire c'est ici lui demander hop que dans suabase tu me fasses une base de données de vidéo et une de créateur parce qu'en fait ces bases de données vont me permettre de stocker les les les vidéos et les créateurs donc là ce qui va

se passer c'est que je vais devoir créer un compte supabase et une fois que j'ai un compte supabase prend un petit moment mais une fois que c'estit fait et bien je lui dis ok maintenant bah tu vas créer dans supabase la structure de la base de données parce qu'une fois et bien que les informations qui sont ici sont derrière dans dans supabase et ben j'ai envie que qu' me crée cette structure et que il mettent vous voyez là je vais aller regarder et ben dans la table vidéo j'ai les informations qui s'affichent sur l'écran donc

maintenant c'est dynamique en fait c'est-à-dire que si je vais aller changer quelque chose dans la base de données et bien ça va par exemple là je mets coucou et ben coucou s'affiche ici donc ça veut dire qu'à partir de ce moment-là c'est dynamique après je vais lui demander un dernier truc enfin un dernier un troisième truc on est vraiment que au début je lui dis ok maintenant j'ai envie que tu me crées un menu avec une nouvelle page où les créateurs seront listés en fait et une fois que que ces créateurs sont listés et bah

que j'ai envie que tu me tu me donnes la possibilité d'ajouter alors je sais pas si je vais demander non là il il me il fait juste qu'ajouter les créateurs et du coup je vais avoir une nouvelle page de créateur je vais avancer un petit peu hop et là voilà il a la la première version de créateur et donc du coup j'ai mes créateurs qui sont ici avec leur nombre d'abonnés et cetera et vous voyez à chaque fois moi ce que je fais hein c'est que au lieu d'écrire je tape je dicte mon prompt et

je le fais avec un outil qui s'appelle super Whisper que j'ai déjà présenté sur cette chaîne et là je vais lui demander une fois que ça c'est fait de j'aimerais que tu me mettes un champ pour que je puisse ajouter en fait un un créateur donc une fois que ça ça va être fait très rapidement hop je vais aller ici et vous voyez il il m'aide à ajouter en fait un un créateur ça veut dire que je vais pouvoir lui dire voilà voici le lien ajoute-moi ce créateur mais là je vais commencer à tomber dans

des problèmes parce que et bien la base de données elle elle était pas structuré pour pour qu'on lui écrive des choses dedans donc là j'ai j'ai un petit peu ramé volontairement parce que initialement j'avais j'avais pas prévu ça donc là vous voyez je peux ajouter des des créateurs donc si je vais sur mon schéma super j'ai dans mon front aujourd'hui me permet de lister des créateurs et des vidéos super mais moi j'aimerais que dès que j'ai un créateur qui qui s'ajoute et bien automatiquement que dans la table créateur je puisse avoir des informations sur ce

créateur donc par exemple ici voyez j'ajoute ici un lien j'ajoute mon lien à moi mais j'aimerais bien qu'il m'ajoute ma photo en fait j'aimerais bien qu'il calcule mon nombre d'abonnés et ça je l'ai pas et du coup pour ça je vais devoir du coup faire un truc qu'on connaitt pas encore qui sont les appels API donc c'est là où je vais devoir faire appel à l'API en fait de YouTube pour pouvoir récupérer ces informations là et ces informations là et ben iront dans la base de données des créateurs et donc une fois que je vais

là je vais lui dire écoute bah très bien maintenant j'ai envie que tu fasses appel à la pay YouTube et que tu me permettes de récupérer les informations comme l'image ou encore la le nombre d'abonnés par exemple et là vous voyez il y a marqué add apik et donc vu que la clé ap YouTube euh enfin YouTube est protégé c'est-à-dire que n'importe qui peut pas accéder à la p de Youtube c'est pour ça qu'il y a des clé à alors voilà je vais essayer de faire une clé hop c'est pas mal et donc cette clé

ài je vais devoir aller la récupérer et donc où est-ce que je vais la récupérer et bien faut aller dans console Google trouver la payer la clé à payer en question et puis hop on ajoute la clé une fois que j'ai ajouté la clé vous allez voir que il commence à créer l'appel à pays pour pour que ça se fasse petit à petit et une fois que l'appel à pays va pouvoir être fait donc voilà là il me dit que tu peux ajouter les liens youtube de cette manière et puis vous allez voir que du

coup il y a un nouveau truc qui est créé qui s'appelle la Edge function et en fait les Edge function c'est les bases de données supabase en fait c'est des bases de données un peu spéciales où elles peuvent appeler des fonctions extérieures ell peent elles peuvent du coup appeler des API extérieur et ça c'est magique c'est très rare que ça existe euh mais euh mais voilà superpabase nous permett de faire ce qui permet d'avoir un backend en fait directement dans lovable ce qui est génial donc là au fur et à mesure bah il continue il

essaye de de Me de me créer cette fonction pourquis aller chercher donc là je rame pas mal là j'ai beaucoup beaucoup beaucoup ramé en fait cette cette fonction arrivait pas à fonctionner et au bout d'un moment hop a fonctionné vous avez vu là j'ai dès que j'ajoute par exemple un un créateur et bien j'ai euh je vais la supprimer les anciens qui était ici hop et là je vais commencer à en ajouter des nouveaux et vous allez voir que ça fonctionne donc West rot par exemple lui est un nouveau il fonctionne il a récupérer son

nom d'abonnés et son son image et maintenant j'aimerais que à chaque fois que j'ai j'essayie de récupérer un un créateur et ben que ça récupère aussi ses vidéos et que ça vienne peupler en fait la la base de données vidéo donc la première chose qui se passe c'est bah vient peupler donc c'est c'est-à-dire ajouter dans la base de données les informations du créateur la deuxième me chose c'est récupère ces 10 dernières vidéos et en fait ça a l'air simple comme ça expliquer sur un schéma mais quand on commence à le transférer en prompt et bien

je me suis retrouvver devant un tourbillon d'erreurs et quand on a des erreurs sur lovable on est souvent tenté d'appuyer sur le bouton Fixit c'est-à-dire résoudre le problème sans vraiment comprendre ce qui se passe et c'est un peu ce que j'ai fait et donc j'ai perdu 10 minutes à à juste appuyer sur règle le problème lovable sans vraiment moi comprendre alors que le souci était assez simple c'est que dans la base de données j'avais un champ qui était pas présent et lui bah il est resté dans son tourbillon de problème donc apprentissage ne pas laisser

lovable faire juste mettre son cerveau pour regarder qui a d'où vient le problème plutôt que juste laisser lable faire et donc quand j'ai regardé le problème plus en détail là ça marchait très bien dès que j'ajjoutéis un créateur ces vidéos et associé était ajouté dans mon interface c'était superbe donc j'ai supprimé toutes les anciennes et j'ai commencé à ajouter les bons créateurs sauf que là j'ai réglé en fait qu'une partie du problème j'arrive très bien du coup dès que j'ajoute un créateur dans ma base de créate et bien ajouter ses vidéos associées dans ma base

de vidéo ça c'est cool mais ça ne se fait qu'une seule fois ça se fait au moment de la joue et pas constamment en fait il faudrait que dans l'idéal soit toutes les 10 minutes ou 20 minutes ou à chaque fois que je recharge la page et bien que ce ce truc de synchronisation se fasse et là aussi les amis j'ai juste été pris dans un tourbillon d'erreur dans le sens où j'ai pas vraiment réfléchi à ce que je voulais faire et euh et typiquement le problème que j'avais était un problème technique si j'avais continuer

à juste cliquer sur fixite fixite et bien ça serait mal passé et en fait le problème il était là c'est que dans Creator euh ce qui se passait c'est que tout à l'heure j'avais pas le channel ID en fait Youtube pour enfin l'API de YouTube ce dont elle a besoin pour pouvoir récupérer les vidéos d'un créateur c'est pas son nom en fait c'est un ID en fait à chaque fois que j'joutéis un créateur il y avait pas l'ID ici vous voyez c'est MT MT MT donc lui ce qu' faisait enfin la fonction qui voulait faire

appel à ça ce qu'elle faisait c'est qu'elle utilisait et bien le nom du truc donc j'ai supprimé tous les créateurs et puis j'ai commencé à les rajouter et je lui ai expliquéis que bah voilà maintenant je je veux pas je veux pas des des créateurs sans ID maintenant je veux des créateurs avec un ID et donc du coup et à ce moment-là ça a commencé à tout me resynchroniser donc c'était vraiment super et donc euh du coup j'ai ajouté tous les créateur j'ai regardé que ça s'ajoutait bien de ce côté-là mais maintenant le problème c'est

que bah il faut que je puisse voir les et et pour l'instant dès que je cliquais ici et bien ça marchait pas encore donc j'ai commencé à dire ok bon ben maintenant que tout ça c'est fait j'ai envie que dès que je clique sur une vidéo et bien j'ai qu'une pop-up s'ouvre dans laquelle ils me disent bah voilà où je puisse en fait lire la vidéo vous voyez ici et donc il a très vite commencé à créer une carte et dès que je cliquais du coup et bien il me lisait la vidéo que je sois

en version mobile ou pas mobile en fait et donc là j'ai une version quasi finale maintenant ce que je vais faire c'est juste ajouter sur la GA sur la gauche pardon deux trois petites fonctionn alité notamment celle où bah j'ai envie que et bien qu' a un calendrier qui s'affiche donc je lui ai demandé de créer une page avec un calendrier et que je puisse cliquer sur les dates et que les vidéos de ces différentes dates puissent s' afffficher c'est ce que j'avais dans mon ancienne version et j'ai envie que ça soit présent dans celle-là

donc il m'a bien ajouté la page mais sauf qu'elle était pas dans le menu donc du coup je lui ai demandé ok bon bah écoute vas-y ajoute cette fois-ci dans le menu une page qui me permet de faire ça parce que dès que j'allais sur les autres menus et bien ça servait à rien donc du coup je lui ai dit voilà dit du coup que tu as obligé d'ajouter cette page bon vu que je fais du voice to texte il il a dit tu es obligé mais voilà du coup j'avais la version avec le calendrier

et franchement c'est nickel j'ai ma version quasi finale je vais juste vouloir ajouter un truc c'est ce truc- là que vous voyez en bas à droite les abonnements en fait moi ce que je veux c'est qu'à chaque fois que je clique sur un abonnement et bien euh et bien il me il me filtre toutes les vidéos avec je lui ai juste dit euh bah écoute liste-moi les abonnements les têtes des abonnements à gauche et puis euh tu me filtres ça donc hop voilà déjà je luai dit de supprimer de la barre des menus euh les

shorts et cetera mais maintenant j'aimerais que tu m'ajoutes tous les créateurs et là il m'a ajouté tous les créateurs sauf que quand bah je clique dessus ça marche pas encore donc je leur ai dit ok j'ai envie qu'à chaque fois que je clique et bien que tu puisses filtrer euh tous les euh les créateurs à chaque fois donc et donc là il va créer le système de filtrage hop vous voyez maintenant j'ai les créateurs qui sont filtrés dernière chose c'est la recherche la recherche en fait je me suis rendu compte qu'elle fonctionnait pas donc je

lui ai juste demandé de faire en sorte que cette recherche fonctionne hop et en fait en 2 secondes ça a commencé à enfin une fonction de recherche en soit c'est pas évident à à à à à faire quand on est développeur mais là en 2 secondes euh bah il me l'a crée ça veut dire que là hop j'ajoute dipsic boum il me montre les vidéos de dipsic donc voici un petit peu la version finale euh avec les créateurs qui sont là le calendrier qui est là euh et qui qui filtre uniquement les vidéos qui étaient

qui étaient faites avant la date d'aujourd'hui euh les différents créateurs qui sont sur la barre de gauche avec qui je peux filtrer franchement une version de YouTube qui fonctionne très bien donc vous voyez ici j'y suis arrivé à peu près en 35 coups la toute première version que j'avais euh en fait faite c'était c'était celle-là dans la vidéo des des 10 applications c'était celle-là et vous avez ça m'avait pris 115 parce que j'avais eu plein de problèmes je comprenais pas j'avais pas l'idée en tête initial euh c'était pas idéal puis après j'ai fait une autre

version où euh où en fait ça avait pris une quarantaine de coups à peu près parce que je voulais je sais pas pourquoi faire exactement la la même version qu'initiale avec les tabs un peu différents et tout et au bout d'un moment je me suis dit mais attends je vais juste utiliser la bah l'UA de donc la la la manière dont YouTube est fait et je trouve que cette version est beaucoup plus cool surtout que bah elle fonctionne très bien au mobile et c'est exactement ce que je voulais maintenant ça coûte pas pas cher en

fait lovable et c'est un peu le problème c'estàd qu' ici euh pour bien le faire j'ai pris un gros abonnement euh où j'ai 478 messages ce qui est cool mais par contre ça coûte ça coûte cher c'estàut dire ça coûte 100 dollars par mois en fait 100 dollars pour une version de YouTube pas terrible en revanche avec déjà 20 dollars par mois on peut avoir 100 messages et 100 messages comme je vous ai montré c'est suffisant pour avoir une version qui fonctionne surtout qu'une fois que vous l'avez déployé cette version là et bien vous avez

plus besoin de de payer ça c'est uniquement lors de la construction donc ça peut aller mais au début moi ce que je remarque c'est qu'on galère un petit peu on va mouliner beaucoup pour essayer d'avoir quelque chose qui va fonctionner et pour ça du coup il y a une petite technique il y a deux petites techniques en réalité soit ce qu'on peut faire c'est que ce code là en fait qui est généré parce que c'est du code informatique hein et bien ce qu'on peut faire quand on clique sur Edit post c'est qu'on peut faire transfer

repository et donc du coup euh ce qui va se passer c'est que tout le code de euh cette application va être transféré sur mon GitHub je vais me connecter ici et donc tout le code en fait il vous appartient il est là vous voyez hop et donc ce que je peux faire maintenant c'est ouvrir ça avec un truc qui s'appelle cursor donc curs et en fait je peux dans cursor euh utiliser euh composur qui sont des agents et ça derrière je peux choisir le LLM que je veux utiliser et donc en fait généralement ça coûte

beaucoup moins cher une fois qu'on a une version du code de passer par là et du coup dit itérer et d'ailleurs vous pouvez brancher votre propre LLM en local pour pouvoir faire ça je vous en avais parlé aussi dans la vidéo dipsic sinon il y a un autre truc c'est le fait d'utiliser bolt.diy bolt.diy c'est une version gratos de Bolt sauf que c'est assez compliqué à installer mais une fois que vous l'avez installé et bien c'est c'est bon en fait ça veut dire que vous avez plus qu'à connecter ça à n'importe quel provider donc un

LL donc soit Google Gini cloud ou quoi que ce soit et derrière en fait c'est les tokens de ce LLM qui vont être utilisés pour pouvoir créer vos apps et non pas vous allez pas devoir payer message par message voilà un petit peu comment vous pouvez faire pour gagner du temps pour ceux que ça intéresse je su en train de créer quelque chose d'assez ouf pour vous apprendre à créer des apps Ia de ce genre là si jamais vous voulez aller plus loin n'hésitez pas à rejoindre cette liste d'attente le lien est en description et

maintenant que cela est dit je vous invite à regarder cette vidéo si vous avez pas vu dans lesqueles je présente les 10 applications en question ou alors celle-là qui est celle que YouTube vous recommande d'aller regarder en fonction de de votre session euh que vous avez eu avec moi dans cette vidéo YouTube bref je vous dis à très vite