Super tuto ! clair et concis ! Etant un dev' React, j'avais peur de voir une video retraçant les basiques de React additionnées par quelques concepts de Next, mais pas du tout, ton speech est vraiment centré sur l'essentiel de Next et rien que Next ! 👏
J'utilise NextJS 13 depuis sa sortie et j'en suis un immense fan mais c'est toujours intéressant de pouvoir approfondir, merci pour cette très bonne vidéo, je vais le renseigner sur Prisma
Super vidéo merci beaucoup! J'aime beaucoup ton contenu :) Pas forcément besoin de trop se presser je pense, perso ça ne m'aurait pas déranger qu'on fasse vraiment tout bien que ça prenne peut être 30 mins de plus
Ne change rien garde la prononciation des mots anglais à la française c'est de toute beauté ! c'est ce qui te rend unique ne te fond pas dans la masse c'est monstre bien comme ceci longue laive Melvin !
Merci pour cette vidéo, j'ai pas encore tous regardé mais déjà le système de route de Nextjs13 est super ça correspond à la logique que j'ai mis en place sur la version précédente humm ils auraient pu y penser plutôt loool 😅.
Hello Melvynx, Merci pour ce cours, il est dingue, juste un truc , précise de boire 2 cafés avant de t'écouter HAHA !!!!. Tu es au top je continue à suivre tes cours, ça aide beaucoup !
Hi déjà MERCI pour ce tuto tu m'as beaucoup aider j'ai juste une petite question : Je voudrais créer un down vote j'ai déjà créer le bouton sais tu comment créer le script du bouton
Bonjour Melvynx, super vidéo, merci pour toutes ces explications. J'aurais cependant une requête, pourrais tu nous donner la liste des extensions de VSC que tu utilises pour NextJS et pour TailWind ? J'ai réussi à en retrouver certaines, mais peut-être pas toutes. Le fait de pouvoir selectionner les classes de couleurs de Tailwind via un petit menu est francement pas mal. Merci d'avance ^^
Salut, petite question, pourrais tu me dire quelles extensions te permet de completer automatiquement les ex -> "bg-red-900" ? j'ai l'impression que c'est du boostrap mais laquelle ? par avance merci
Ton intelligence me perturbe lol franchement jaodre ta façon d'expliquer mais ca fais 4 ans que je suis dans linfo et je connais tjr pas par coeur comme toi les détails c'ets ouf je suis impressionnée !!
Hello! Un grand merci pour ce tuto très intéressant, ça va m'aider pour mon entretien de la semaine prochaine :) Tu utilises Raycast pour naviguer/faire des recherches aussi vite?
next/router était utilisé dans l'app directory, sous le capo il wrappait notre page avec un context liée à next/router. Maintenant, c'est simplement un autre context avec des méthodes différentes :D
Est-ce qu'il suffit d'un seul client component dans notre page pour supprimer tout l'intérêt des server component? car en théorie pour ce seul client component il va t'envoyer le bundle JS. As-tu fais également des benchs par hasard ou regardé la taille en sortie? Merci pour la vidéo 👍
Dans quel état se trouve un composant *sans la mention 'use client'* qui est appelé (nested) dans un client componant (use client) ? Est-ce qu'il est 'serveur component' ou fatalement 'client component' ? Je demande ça, car je trouverai ça logique que, si il est nested dans un client component, qu'il soit client component, même sans la mention 'use client'. Malgré tout, lorsque je fais un essai, je reçois étrangement les console.log dans le terminal de mon serveur, et pas celui de mon navigateur. Si mes essais sont corrects, comment un composant qui est nested et donc dépend d'un client component peut-il être server component ?
Je reçois une HTTP405 de l'API... :( Methode POST bien définie partout mais toujours cette erreur.... L'erreur ne provient même pas de la partie du code qui renvoie une 405 si la méthode n'est pas bonne car un console.log juste avant ne log rien du tout.
@@melvynxdev j'ai suivi votre tuto, en reproduisant ce que vous faites. avec yarn dev, c'est dynamique, mais quand je fais un yarn build, un yarn start , les données sont static
Salut, tu as réussi? J'ai un soucis du même style avec vercel, j'ai fais une todolist, je peux editer, suprimer, ajouter mais ça nactualise pas. Allrs que sur ma base de donnée oui
Les 3 premiers quarts de la video sont cool mais le dernier va beaucoup trop vite du coup j'ai abandonné, c'est dommage. La gimmick de "en 1 HEURE" pourquoi pas mais si c'est au détriment du contenu c'est dommage je trouve
Le cours sur les servers components ++ : codelynx.dev/nextreact/server-component
Super tuto ! clair et concis ! Etant un dev' React, j'avais peur de voir une video retraçant les basiques de React additionnées par quelques concepts de Next, mais pas du tout, ton speech est vraiment centré sur l'essentiel de Next et rien que Next ! 👏
Hello, merci beaucoup !
Oui les pré-requis c'est savoir faire du React donc je vais pas tout rabâcher, merci pour ton commentaire.
On sent ta passion c'est grave motivant !
Merci beaucoup !
J'utilise NextJS 13 depuis sa sortie et j'en suis un immense fan mais c'est toujours intéressant de pouvoir approfondir, merci pour cette très bonne vidéo, je vais le renseigner sur Prisma
Merci à toi, n'hésite pas de check la ressource en description. Mon cours inclura aussi un "tuto prisma"
Incroyable merci beaucoup, j’aime beaucoup la façon dont tu expliques
Merci à toi 😁
j'aime vraiment tes cours
merci
Super vidéo merci beaucoup! J'aime beaucoup ton contenu :)
Pas forcément besoin de trop se presser je pense, perso ça ne m'aurait pas déranger qu'on fasse vraiment tout bien que ça prenne peut être 30 mins de plus
Oui je comprends, tu as raison. Après c'est le concept en 1 heure aussi xD
T'es au top. Merci pour ce super tuto
Merc à toi !
Super tuto, merci
Trop bien
go go
❤️
Ne change rien garde la prononciation des mots anglais à la française c'est de toute beauté ! c'est ce qui te rend unique ne te fond pas dans la masse c'est monstre bien comme ceci longue laive Melvin !
Hello, merci Pierre ! J'espère que d'ici à quelques années mon accent aura quand même été largement amélioré
Super, merci beaucoup.
Merci à vous
Merci pour cette vidéo, j'ai pas encore tous regardé mais déjà le système de route de Nextjs13 est super ça correspond à la logique que j'ai mis en place sur la version précédente humm ils auraient pu y penser plutôt loool 😅.
ahaha exactement
API a changer d'endroit a un jour prêt 😉. Merci c'est bien expliqué
Oui xD Je vais en faire une vidéo plus complète
Hello Melvynx, Merci pour ce cours, il est dingue, juste un truc , précise de boire 2 cafés avant de t'écouter HAHA !!!!. Tu es au top je continue à suivre tes cours, ça aide beaucoup !
Hello, oui je devrais, trop d'info pour une heure ahah ! Merci beaucoup.
ta formation est whaou bro super je kiff grave 😍😍😍😍😍😍😍
Merciiiii ❤️❤️❤️❤️
Très hâte de pouvoir faire mes premiers pas avec Nextjs
Nice !
trop bien merci
merci !
Vous utilisez quoi comme outils de prise des notes ?
Obsidian
Merci bcp pour ce tuto. Je voudrais savoir dans quel cas, faut-il utiliser les hooks avec nextjs13 ?
Hello, oui !
Merci pour le cours. Néanmoins j'aimerai que vous fassiez un cours complet sur l'utilisation de la library SWR. Merci d'avance ☺
Hello, je note ça dans ma boîte à idée de vidéo
@@melvynxdev Merci
Hi déjà MERCI pour ce tuto tu m'as beaucoup aider j'ai juste une petite question : Je voudrais créer un down vote j'ai déjà créer le bouton sais tu comment créer le script du bouton
hello, oui je le sais mais ici c'est pas le meilleur endroit vient sur discord mlv.sh/discord
hello ! je me demandais, quelle extensions est-ce que tu utilises pour changer l'apparence de tes =>, ===, !===, etc... ?
Hello, c'est juste le ligature
Bonjour Melvynx, super vidéo, merci pour toutes ces explications.
J'aurais cependant une requête, pourrais tu nous donner la liste des extensions de VSC que tu utilises pour NextJS et pour TailWind ?
J'ai réussi à en retrouver certaines, mais peut-être pas toutes. Le fait de pouvoir selectionner les classes de couleurs de Tailwind via un petit menu est francement pas mal.
Merci d'avance ^^
Hello, c'est l'extensions Tailwind directement qui permet de faire ça.
Hello, merci pour cette vidéo! Quel est le logiciel que tu utilises pour faire tes présentations "tableau blanc" ? Encore merci
Hello, Tldraw ou excalidraw suivant les vidéos
Merci pour cette vidéo. Tu recommandes d'utiliser le fichier src dans nexts Js ou pas ?
Hello, perso j'utilises App avec un dossier src oui, mais je met pas le dossier App dedans .
@@melvynxdev merci :) si j'ai bien compris app est encore en expérimental donc c'est plutôt délicat de l'utiliser en prod ?
a chaque fois que tu dis A PI AIE j'ai mal au coeur ! ZAIZE également ahah !
Je fais des efforts pourtant
@@melvynxdevet merci pour ton travail très appréciable voire salvateur pour ma semaine 🌷
svp , est ce qu'on peut héberger un site web Nextjs dans Hostinger ??? merci d'avence Mr.
Oui tu peux
Salut, petite question, pourrais tu me dire quelles extensions te permet de completer automatiquement les ex -> "bg-red-900" ? j'ai l'impression que c'est du boostrap mais laquelle ? par avance merci
Non c'est Tailwind intellisence, recommandé dans la doc tailwind
Ton intelligence me perturbe lol franchement jaodre ta façon d'expliquer mais ca fais 4 ans que je suis dans linfo et je connais tjr pas par coeur comme toi les détails c'ets ouf je suis impressionnée !!
ahah non je ne suis pas si intelligent
Hello! Un grand merci pour ce tuto très intéressant, ça va m'aider pour mon entretien de la semaine prochaine :)
Tu utilises Raycast pour naviguer/faire des recherches aussi vite?
Hello, oui c'est bien raycast ! Et merci pour ton commentaire
Hello ! Bravo pour tes vidéos. Dis moi quelle est la différence entre next/router et next/navigation ?
next/router était utilisé dans l'app directory, sous le capo il wrappait notre page avec un context liée à next/router.
Maintenant, c'est simplement un autre context avec des méthodes différentes :D
Est ce qu'un backend séparé NodeJS par exemple perd de son intérêt avec les server components ?
Non, uniquement avec NextJS suivant tes besoins
Mais on est d'accord que pour une application simple on peut intégrer le backend dans notre projet NextJS ?
@@melvynxdev
Est-ce qu'il suffit d'un seul client component dans notre page pour supprimer tout l'intérêt des server component? car en théorie pour ce seul client component il va t'envoyer le bundle JS. As-tu fais également des benchs par hasard ou regardé la taille en sortie? Merci pour la vidéo 👍
Non, il va t'envoyer le bundle JS du composant client component uniquement. Si tu as 2 client component = 2 bundle js envoyé
Dans quel état se trouve un composant *sans la mention 'use client'* qui est appelé (nested) dans un client componant (use client) ? Est-ce qu'il est 'serveur component' ou fatalement 'client component' ?
Je demande ça, car je trouverai ça logique que, si il est nested dans un client component, qu'il soit client component, même sans la mention 'use client'. Malgré tout, lorsque je fais un essai, je reçois étrangement les console.log dans le terminal de mon serveur, et pas celui de mon navigateur.
Si mes essais sont corrects, comment un composant qui est nested et donc dépend d'un client component peut-il être server component ?
C'est bien un client component, mais celui-ci est aussi render coté server en simple SSR + json props
Par défaut c'est un server component, sauf si tu utilise 'use client' et dans ce cas t'utilise un client component
Je reçois une HTTP405 de l'API... :( Methode POST bien définie partout mais toujours cette erreur.... L'erreur ne provient même pas de la partie du code qui renvoie une 405 si la méthode n'est pas bonne car un console.log juste avant ne log rien du tout.
Viens parler de ton problème dans mon discord : mlv.sh/discord
Quelqu’un sait quel plugin vs code il utilise pour transformer les !== et => svp ?
c'est juste la font il faut activer un settings "ligature"
Quand je build l'app et je start, je remarque que les données sont statics meme si j'ajoute des nouvelles dans ma database ! 🤔
Les données sont statiques avec mon app de départ ?
@@melvynxdev j'ai suivi votre tuto, en reproduisant ce que vous faites. avec yarn dev, c'est dynamique, mais quand je fais un yarn build, un yarn start , les données sont static
Salut, tu as réussi? J'ai un soucis du même style avec vercel, j'ai fais une todolist, je peux editer, suprimer, ajouter mais ça nactualise pas. Allrs que sur ma base de donnée oui
@@bebs8501 oui oui j'ai reussi
@@bebs8501 export const revalidate = 0
Étant donné que c’est en Beta, c’est peut être pas encore le moment de l’utiliser pour de vrai projets non?
Alors oui, après si tu commences un projet aujourd'hui je trouverais ça bête de le lancer en 12 si tu dois tout migrer dans 1 mois.
@@melvynxdev super merci de la réponse. Effectivement c’est pas bête. Je crois que je vais revoir mes plans sur mes projets en cours 🤣 au top Melvyn
j'aimerais te donner un défis pour le mois de novembre, essaies d'implémenter la logique de david gale et lloyd shapley avec javaScript
🤨
Y'a pas de deploy, dommage.
Non mais Deploy avec Vercl c'est un clique.
Stream satanique let’s gooo 😂
Pourquoi stream satanique ?
😂 C'est Copilot qui a decider de se reveiller??
Merci, Jai compris sans meme pratique, mais bon, faut le faire.
ahaha tkt
Les 3 premiers quarts de la video sont cool mais le dernier va beaucoup trop vite du coup j'ai abandonné, c'est dommage.
La gimmick de "en 1 HEURE" pourquoi pas mais si c'est au détriment du contenu c'est dommage je trouve
Bah pourtant tu as préférer cliquer sur cette vidéo qu'une autre plus longue ?
C'est que tu cherchasi un tutoriel en 1 heure non ?
Jarrive pas comprendre l'intérêt de nextjs
Alors regarde toutes mes autres vidéos
mais defois tu sais vrmt pas expliqué
xD ?