J'ai créé un clone de Twitch en 24H

Merci à Hostinger: hostinger.com/cocadmin
Utilise le code COCADMIN pour 10% de réduction en plus de la promo black friday!
Formations: cours.cocadmin.com
Newsletter: cours.cocadmin.com/newsletter
Rejoignez le discord: / discord
Twitter: / cocadmin
Instagram: / cocadmin
Tiktok: / cocadmin

[@cocadmin]

Merci à Hostinger: hostinger.com/cocadmin Utilise le code COCADMIN pour 10% de réduction en plus de la promo black friday!

[@psycholoic]

Le coupon n'est déjà plus valable ...

[@svenvilladream6100]

Zut je trouvais être un bon sujet

[@FabriceGAUGLIN78520]

Bonjour, cool pas mal j'ai une idée de faire le même concept de vidéo mais en 1 heures avec des outils no- code? Ou uniquement codé avec un smartphone ? Et/ou tous ça mais en marchant oki je sors lol

[@spore2009]

J'adore beaucoup vos vidéos. Continuez à nous surprendre de temps à autre.

[@FabriceGAUGLIN78520]

Ou codé sur un Windows 95,98 ou 2000 ?

[@dylanbelouis8639]

Petit tips pour la partie front, mets des background-color sur tes éléments, ca permet de voir l'espace réel que prend chaque élément. Sinon bon boulot ! :)

[@augustin91]

Grave interessant ! Toujours des concepts de fou 💪💪

[@charlesb9_dev]

🤣 j'ai bien rigolé, merci pour ça

[@JirAWS]

Le mec lance un challenge 24H, au bout de 10 secondes il lâche "la flemme de faire 24H je compte dormir" 😆

[@RavenRAMIREZOFF]

Hey merci pour cette superbe vidéo, Twitch n'à qu'à bien ce tenir ^^ :)

[@mampiisaotaku]

hahahaha!! la partie front end, ca m'a trop fait marrer. je te comprend tellement. on aurait dit moi🤣🤣

[@joegillian3134]

T'es un tueur, j'adore.

[@TheRanid]

trop fort les plans en timelapse !

[@tainalo2_perso]

GG! Incroyable la vidéo. Et f**k le front ! 😂

[@KiriousZ]

Salut, toujours aussi cool tes vidéo est merci de nous divertir :D

[@Nadi_Games]

Rahhh, le front end ... 😂 Tout pareil, quand j'en suis là, je procrastine avant, et surtout pendant 😛 Le HTML et le CSS vraiment, ça me gonfle très vite. L'intégration c'est parfois marrant, mais pas longtemps, et pour le HTML si je peux faire des bouts en markdown pour ne pas avoir à éditer du HTML dégueulasse directement, je m'en prive pas. Très sympa la vidéo en tout cas. 😉

[@PhilippeBussac]

T’es super chaud ! Et bien vu la musique de Mario sunshine, les bonnes refs

[@MedMed-nn4lq]

Ahahahah excellent, le front c'est ce que je préfère mec !! Intéressant ce petit défi :)

Coucou gg pour le défi. Et oui en CSS beaucoup d'éléments ont des margin de base. C'est pour sa que on a tendance a les enlevé de tout les éléments au début avec un . * { margin : 0; padding: 0; } Cela évite les mauvaises surprises

[@cocadmin]

Thanks pour le tips 🙏🏼

@@cocadmin pas de soucis

[@assayaghyaniv7579]

Incroyable t’es vidéo

[@cocadmin]

🙏🏼

[@FWSZS]

Ce qui m’énerve, c’est la facilité que t’as à retranscrire un flux de streaming sur le navigateur quand à côté t’arrive pas à aligner 2 textes en CSS 😭😭

[@harmonics-relaxation]

Ahhhhhh!!!! Le front end 🤣🤣🤣🤣

[@KerByGaming971]

Le titre de la vidéo sa serait plus : Quand tu dois absolument faire une vidéo pour un placement produit mais tu as la flemme

[@mwlulud2995]

dommage que ta vite passer la partie dev c'etait interressant quand meme mais respect pour le projet bg!

[@cocadmin]

ouai jdois garder une balance entre rythme et technique pour pas que ca soit trop enuyeux pour ceux qui dev pas ;)

[@0xNothing]

*La notif qui fait plaisir*

[@devbyjesus4176]

CSS Flexbox ou CSS Grid , tu devrais peut être le voir moi depuis que j’ai vu ces deux outils de CSS ma vision du front end a changé 😂 cool la vidéo

[@grundrickt]

Super boulot, mais pourquoi n'as tu pas pris l'option webrtc plutot que faire du hls ?

[@estebandebroise5730]

ptdr le front end j'ai exactement la même réaction quand je doit en faire ca me les brises😂 en plus quand tu sais pas pourquoi mais tout etait bien, tu rajoute un tout petit element dans le css et bim ca casse tout HAAAA

[@ambroisecoutantcoraboeuf]

Genial ta vidéo !

[@FunfakeElectronics]

Essaye le framework CSS Tailwind, peut-être qu'il changera ta vision sur le front-end :)

[@codewithguillaume]

Je valide !

[@lautodidacte3591]

ça serait tellement stylé ce genre de défis à plusieurs, genre un Bejamin Code pour pour le Front

[@idjo009]

Exactement ce que je me suis dit ! Ça serait le feu

[@zetta4203]

C'est marrant, le front, j'ai exactement, mais vraiment exactement la même sensation ! Ça me paraît être une science abstraite extra terrestre. Rien ne se passe comme prévu.

[@codewithguillaume]

Mec c’était énorme haha! Encore une super vidéo. T’aurais du m’appeler pour le front! 😂 Ps: par contre l’irrespect pour ton cadre 100k KZbin au fond haha

[@jacquesshirac7610]

En 4 heures, gg😂

[@buddysdz]

😆 la galère sur la mise en forme CSS ! On dirait moi qui fait du shell Linux. On est complémentaires Cocadmin, marions-nous mdr !

[@t34d1um]

je crois que j'ai jamais vu cocadmin plus énervé que devant du css mdr

[@yanngamemaking6470]

J'ai jamais vu quelqu'un autant souffrir sur du front end🤣🤣🤣

[@Artichaulo]

encore une vidéo deutsche qualitat 👍 Question : En terme de flux ça donne quoi? Comment le server web hébergé chez hostinger discute avec ton container qui convert le flux vidéo de ta cam? #schemadarchi

[@cocadmin]

Techniquement j'ai msi seulement le frontend sur hostinger. Il faudrais mettre le conteneur dessus pour voir mais je pense qu'il faudrais prendre un vps pour avoir des perf utilisables. Sinon c'est du contenu statique donc principalement limité par la bande passante, donc a 6mb/s par spectateur tu peux calculer combien tu as besoin :)

[@TomCodeur]

Les joies du CSS 😂

[@akwel834]

Très bonne vidéo comme d'hab, mets un reset CSS la prochaine fois ça te prendra moins la tête pour le front mdr

[@gelo2360]

Autant t'es une sysadmin de génie mais quel frontend .. x))

[@geekprofr]

Tu viens d'un autre monde

[@jeuxfr833]

Est-ce que il va avoir le lien du site où tu as créé le site pour le plaisir

[@CoffeeFlying]

La même le front mon pire cauchemar😂

[@ntumbabutshiteya6151]

8:14 j'ai aussi cette meme sensation quand je fais du front end 😂😂😂😂

[@rawz06]

Je retiens la qualité de hostinger, le [object Object] à 10:28 était énorme.

[@cocadmin]

haha j'avais pas vu :D jpense c'etait juste au chargement de la page :)

[@guid8735]

Du coup quelle la stack front et back ?

[@SupplyScience]

On apprecie l'OST

[@cocadmin]

tmtc

[@bowendsom]

Goatesque de pouvoir faire ça en 24h

[@aymarbly5810]

En tout cas je te fais pas dre le front c'est passionant et chiant aussi 😁. Mais quand ca marche , c'est cool . C'est pour ca c'est cool d'utliser un template pour gagner du temps ,en ajoutant du taillwind css et c'est dans la boite

[@noopsynoopsy7386]

Top merci

[@Watcha93]

Ça va tu es polyvalent. Bonne vidéo

[@RomainWaay]

Tu te fais pas strike avec les musiques de Mario sunshine ? 🤔

[@hugot1473]

Super vidéo ! j'essaie de trouver le chemin du fichier de configuration à 4:03 . Quelqu'un saurait ou il peut être ? (je suis sous debian 11)

[@thomas_p381]

Tailwindcss bro fait un effort 😌 sans déc la vidéo est folle, t’es toujours un fou 😅

[@heyrozoff]

Tu va Stream sur le site ?

[@cocadmin]

non si je stream c'est sur youtube :)

[@sindaban]

Tu as regardé du côté de WebRTC ?

[@Neast]

rip le site marche pas dommage j'aurait trop voulue stream dessus

[@Enzo-fk2nm]

@BenjaminCode combiner vos forces mdrr

[@coelidj]

Haha excellent ! Mais tu héberges pas le container avec la c'est pas du jeu 😄

[@akimsoule]

t'es juste ouf, je dois te rencontrer

[@tinonativa1930]

Tien moi aussi le front-end c'est pas ma tasse de thé 😅😅

[@tech-ben]

Ah ouais, je savait pas que le tchat de Twitch utilisait IRC, je pensait qu'il utilisait une websocket classique

[@MrF4lcom4]

2:45 en mode Seto Kaiba concentré.

[@cocadmin]

haha tmtc

[@gregoryNARCIN]

Donc là, ton bureau est en stream H24 maintenant 😂?

[@philippe-lebel]

C'est un clone de Twitter qui est demandé en ce moment ;)

[@obixas8736]

Il a fait kicks mdr

[@folliotjunior43]

du coup, défi réalisé en 5h ?

[@kevinaubree2865]

Hey ! c'est quoi ton clavier ?

[@rawz06]

Pour la partie front, si demain tu en as à nouveau besoin, et pour des trucs comme ça, pourquoi ne pas ajouter alpinejs, ça fait le job en deux lignes, au lieu de s'embêter avec des query selector et autre event js.

[@cocadmin]

merci jle garde en tete :) En general j'essaye d'avoir le moins de dependance possible pour pas trop compliquer, mais parfois ca complique plus :p

[@rawz06]

@@cocadmin Oui la en plus c'est hyper léger, justement c'est l'objectif de l'outil c'est de l'utiliser sur un moteur de template côté back et avoir quelques points de réactivité pour une application SSR. En plus tu quittes pratiquement pas ton HTML.

[@anonimousse1713]

Imagine un client te demande une copie de twitch et tu lui livres ce que t’as fais 🥲

[@popolecool]

A 11:13 tu a montré plusieurs i0 dons la t'ene est le serveur

[@soufta5872]

Question à 2,50€, tu as just upload un zip avec tout tes fichiers html, css et js et tout à fonctionné tout seul ? Pas de serveur Web a configurer (nginx, apache,...) ???

[@cocadmin]

Oui c’est une offre d’hébergement à la base donc j’ai rien config :)

[@soufta5872]

@@cocadmin ok et pk une facture de 144€ juste pour l'hébergement premium à 2,50€/mois?

[@soufta5872]

Genre 2,50€ c'est la promo pour 1mois seulement et les autres mois plein tarif (13€/mois)?

[@guillaumeevrard2153]

Et ton docker tourne toujours sur ta machine locale

[@BlaBla-sf8pj]

nickel !

[@bronzetomaster8339]

lol le petit chat de sardoche

[@buddysdz]

Sardoche a un chat ? 🤡

[@koumenmorgan]

J’aimerais bien voir le site Il est dispo ?

[@cocadmin]

non mais jpeux mettre le code sur github si tu veux

[@masterofshadoww1546]

@@cocadmin Je veux bien perso si possible :D !

[@ballatall5574]

@@cocadmin Oui si possible stp

[@flo_111]

On dirait moi qui fait du frontend 😅 Je compatis

[@loris5914]

Mais le site ne marche pas😓😓

[@quentinbonnec2359]

une petite pensée au code source de twitch leaked en octobre 2021

[@dareljulien683]

Bonjour, j'ai remarqué que tes vidéos sur WSL sont un peu vieux, mais dit moi as tu l'idée, ou bien quelqu'un ici à l'idée de comment démarrer quelques services linux sous WSL au démarrage de Windows. systemctl ne passe passe pas, l'ancienne /etc/init.d/ ssh start qui passe. j'ai eu des problème en voulant installer proxmox sur la couche Debian de wsl. Alors que proxmos s'installe sans problème sur Debian. Merci coca tes vidéo c'est une dinguerie

[@jeff6764]

La chaine ou je like avant de matter la video !

[@cocadmin]

🙏🏼

[@Raraph84]

pov un sysadmin fait du front

[@merica_]

ça c'est la Version Beta de twitch x)

[@TheAmazingWorldOfPoop]

Incroyable la vidéo

[@lounys]

bonne vidéo mais c"est normal que le son est décalé

[@cocadmin]

a un endroit spécifique ?

[@ronin6397]

C'est incroyable 😂 il trouve docker facile et HTML compliqué alors que la plus part des gens, c'est l'inverse 😂😂 Tout débutant commence par HTML

[@holo0667]

en vrai docker tu t'en sors en 3 4 commandes le front end faut tatonner de ouf

[@ronin6397]

@@holo0667 moi ça me fait peur lol. Déjà le principe que chaque commande est irréversible ça rend le back vraiment pas agréable. Dans un script front, tu te plante, tu change ton code, ça marche, let's go. En back tu fais « rm » sur le mauvais fichier ou t'oublie mon mdp root, c'est mort. J'ai eu beaucoup plus de facilités à codes des statistiques financière en python qu'un crontab avec Ubuntu 😅

[@lilvulgate]

J'ai dis sur linkedin que j'avais réussi à aligner une div verticalement. Depuis je travaille pour la nasa.

[@ioonerbe]

Le site de l'héberbeur sur Archive Org ?

[@cocadmin]

haha a quel moment est-ce que tu vois ca ?

[@ioonerbe]

@@cocadmin à la fin comparaison des offres.

[@sofiyan_ifren]

Réutilisation de miniatures == productivité maximale ! 😅

[@noelstgelven1994]

Le code promo ne fonctionne pas. Dommage

[@cocadmin]

désolé ils vont le fixer demain je pense.

[@noelstgelven1994]

@@cocadmin po grave, j'ai pris l offre tout de même. merci de m avoir répondu.

[@islammerabtene5163]

Bah apres la y a que toi sur ce twitch clone, faut pouvoir s'inscrire comme streamer et chaque streamer peut avoir son propre stream. Ça ne sera pas une partie de plaisir. 😆

[@bertrand3055]

Pourquoi pas #Webflow pour le Front ❓

[@svenvilladream6100]

Salut coca, j'aimerais bien faire un petit Twitch avec deux volets donc deux thèmes pour nos régions... Si je peux t'en parler pour un avis par mail ou téléphone Mada

[@jon-zer-1113]

Mange des brocolis au lieu de te casser la tête avec le Front !!! 😂😅 #BenjaminCode #LeFrontCestDuColoriage

[@Tom-fb3jk]

mais baisse la musique bon sang de bon soir

[@cocadmin]

a quel moment c'est trop fort ?

[@Breakdof]

siuuuuuu

[@baptgosse_]

Tu peux nous passer le code st

[@uzgar]

oui.

[@MusicandRelaxation]

je l'ai fais en 5 mn avec chatGPT ^^

[@zephyr-mj8qm]

Pourquoi pas te payer github copilot ??

[@elrisitos9821]

Le siteweb qui renvoie vers un lien referral sur Amazon Canada. Petit vicieux ;)

[@cocadmin]

Haha ququn à racheter le domaine 😅

[@inspireanddesign]

tu viens de sauver un projet de plus d'un an de blocage, surtout au niveau des protocoles , je les utilisais tres mal, en fait je ne les comprenais pas concretement. Merci et force à toi.🙂

[@abderr212]

T'es foue refaire Twitch j'aur banger j'aur tu peux donner tes abonné vue que c'est toit qui la crée 🔥.