Mec ce genre de contenue de type JavaScript Mastery et en plus en français c'est monstrueux ! Tu gère de ouf car c'est énormément de boulot merci infiniment
merci pour cette vidéo. je m'était un peu découragé de comprendre le fonctionnement coté server de Next.js, je n'arrivais pas à mes fins. C'était frustrant. Mais avec cette vidéo je me rend compte que finalement j'avais bien compris le principe en lisant la doc, et que mes erreurs devaient être plus d'ordre logique que structurelle (comme souvent). je m'y remet bientot.
Yes, bah y'a pas mal de choses, et tout mettre ensemble au début peut être compliqué, du coup je me suis dit qu'il fallait faire un tuto complet mais simple en ajoutant aussi Typescript :)
Encore une masterclass. Super travail sur cette todolist (la fameuse ! ) avec une librairie bien sympathique🍿 . Les explications sont toujours aussi clair surtout que tu réexplique sur les passages un poil plus tricky et le rythme est parfait . NextJS est vraiment fort cela donne envie de l'utiliser plus souvent. J'imagine que pour des projets de plus grande envergure il vaut mieux passé par des controllers attitrés a chaque model. Tu me comfirmera cela. Juste une petite question. Dans la déclaration du model pas besoin visiblement de déclarer un id car deja auto implémenté par mongoDB? Merci Ben !
Hello ! Oui projet easy et surtout on continue dans l'augmentation progressive de la difficulté donc je ne fait rien de très compliqué. Exactement pour l'id !
Salut Ben ! Merci pour ce tuto et le temps que tu y as consacré. Je bug sur 2 points depuis hier et je soupçonne qu'ils soient liés. Le premier c'est un message d'erreur que j'ai au niveau de mon terminal : MongooseError: The `uri` parameter to `openUri()` must be a string, got "undefined". Make sure the first parameter to `mongoose.connect()` or `mongoose.createConnection()` is a string. Et le 2e c'est dans la console où j'ai une erreur avec la méthode POST sur page.tsx. Il me surligne l'api fetch : await fetch("/api/task/new", Pourrais-tu m'orienter dans la résolution du bug stp. Merci d'avance
Hey je t'encourage à comparer ton code avec le code présent dans le git dans la description. J'avais aussi eu des petites erreurs et souvent c'était à cause de petites fautes de frappes 😉
Très bon tuto, merci à toi ! En revanche, entre la complexification amené par TS (que j'ai vraiment du mal à intégrer) + le système de routes avec des dossiers, je trouve que ça devient une usine à gaz toutes ces superpositions de technologies. Ca vient aussi du fait qu'on mélange le back et le front dans le même projet, et à ce compte là je préfère avoir un dossier "client" et "server" et gérer le back en Node, car créer un dossier par route + un route.ts ça devient vraiment complexe en terme de gestion je trouve. Je préfère avoir un seul fichier qui va gérer les routes, avec à la limite des dossiers par catégories de route (ex: /users/ -> user.routes.js, et mettre un CRUD dedans par exemple) Qu'en penses-tu ?
@@BenBK je comprends, j'apprends aussi de cette manière avec tes vidéos ça me permets de me diversifier et de continuer à apprendre de nouvelles choses. Mais ça va tellement vite la techno que j'ai constamment l'impression d'être dépassé, c'est frustrant 😅
svp qui a la meme error : ./node_modules/@chakra-ui/react/dist/index.mjs Error: It's currently unsupported to use "export *" in a client boundary. Please use named exports instead.
Salut Ben j'ai cette erreur lors du build sz mon app tu sais c'est quoi ? : ./node_modules/@chakra-ui/react/dist/index.mjs Error: It's currently unsupported to use "export *" in a client boundary. Please use named exports instead.
Pour les nouveaux venue ; mongoose ne prend plus "findByIdAndRemove" mais plutôt :"findByIdAndDelete"
Mec ce genre de contenue de type JavaScript Mastery et en plus en français c'est monstrueux ! Tu gère de ouf car c'est énormément de boulot merci infiniment
Merci 😀
@@BenBK gg a toi merci beaucoup
merci pour cette vidéo. je m'était un peu découragé de comprendre le fonctionnement coté server de Next.js, je n'arrivais pas à mes fins. C'était frustrant. Mais avec cette vidéo je me rend compte que finalement j'avais bien compris le principe en lisant la doc, et que mes erreurs devaient être plus d'ordre logique que structurelle (comme souvent). je m'y remet bientot.
Yes, bah y'a pas mal de choses, et tout mettre ensemble au début peut être compliqué, du coup je me suis dit qu'il fallait faire un tuto complet mais simple en ajoutant aussi Typescript :)
@@BenBK mission accomplie, très cher.
tu es le meilleuir ton tuto me fais apprendre mongo Ts, React en meme temps merci 😍
Avec plaisir 😁
mais j'ai probleme suis bloque au niveau du premier test avec pour l'envoi d'une tache dans la BD
Merci Ben tes tutos m'aident beaucoup
Avec plaisir !
Du pain béni comme toujours
Merci ! ^^
Encore une masterclass. Super travail sur cette todolist (la fameuse ! ) avec une librairie bien sympathique🍿 . Les explications sont toujours aussi clair surtout que tu réexplique sur les passages un poil plus tricky et le rythme est parfait . NextJS est vraiment fort cela donne envie de l'utiliser plus souvent. J'imagine que pour des projets de plus grande envergure il vaut mieux passé par des controllers attitrés a chaque model. Tu me comfirmera cela. Juste une petite question. Dans la déclaration du model pas besoin visiblement de déclarer un id car deja auto implémenté par mongoDB? Merci Ben !
Hello ! Oui projet easy et surtout on continue dans l'augmentation progressive de la difficulté donc je ne fait rien de très compliqué. Exactement pour l'id !
Et merci pour ce beau commentaire 💪❤️
Salut Ben !
Merci pour ce tuto et le temps que tu y as consacré.
Je bug sur 2 points depuis hier et je soupçonne qu'ils soient liés.
Le premier c'est un message d'erreur que j'ai au niveau de mon terminal :
MongooseError: The `uri` parameter to `openUri()` must be a string, got "undefined". Make sure the first parameter to `mongoose.connect()` or `mongoose.createConnection()` is a string.
Et le 2e c'est dans la console où j'ai une erreur avec la méthode POST sur page.tsx. Il me surligne l'api fetch : await fetch("/api/task/new",
Pourrais-tu m'orienter dans la résolution du bug stp.
Merci d'avance
Hey je t'encourage à comparer ton code avec le code présent dans le git dans la description. J'avais aussi eu des petites erreurs et souvent c'était à cause de petites fautes de frappes 😉
Très bon tuto, merci à toi ! En revanche, entre la complexification amené par TS (que j'ai vraiment du mal à intégrer) + le système de routes avec des dossiers, je trouve que ça devient une usine à gaz toutes ces superpositions de technologies. Ca vient aussi du fait qu'on mélange le back et le front dans le même projet, et à ce compte là je préfère avoir un dossier "client" et "server" et gérer le back en Node, car créer un dossier par route + un route.ts ça devient vraiment complexe en terme de gestion je trouve. Je préfère avoir un seul fichier qui va gérer les routes, avec à la limite des dossiers par catégories de route (ex: /users/ -> user.routes.js, et mettre un CRUD dedans par exemple) Qu'en penses-tu ?
Yes c'est aussi une belle façon de faire, perso je préfère tout gérer en nextjs car j'ai appris comme ça 😅
@@BenBK je comprends, j'apprends aussi de cette manière avec tes vidéos ça me permets de me diversifier et de continuer à apprendre de nouvelles choses. Mais ça va tellement vite la techno que j'ai constamment l'impression d'être dépassé, c'est frustrant 😅
bonjour Monsieur excusez j'ai ce problème : ./app\layout.tsx. on mets ca en erreur je ne comprends pas
Bonjour, je n'ai pas compris votre question 😪
svp qui a la meme error : ./node_modules/@chakra-ui/react/dist/index.mjs
Error: It's currently unsupported to use "export *" in a client boundary. Please use named exports instead.
Hey, rajoute 'use client' au dessus de page.tsx et layout.tsx dans le dossier app.
@@BenBK merci, ca marche maintenant
BJR A TOUS MOI J'ai cette erreur : Cannot read properties of undefined (reading 'length')
Yooo, sans ton code impossible de savoir 😥
@@BenBK
118 |
> 119 | {allTasks.length > 0 ? (
| ^
120 | allTasks.map((individualTask: ITask) => (
121 |
Visiblement, allTasks à la ligne 119 n'est pas définie, faudrait voir si vous avez bien récupéré les tasks en amont
hmm le Provider ChakraProvider attends une value désormais
Go voir la documentation, c'est rien de compliqué pour le coup 🙏
@@BenBK oui c’est bon merci
Salut Ben j'ai cette erreur lors du build sz mon app tu sais c'est quoi ? : ./node_modules/@chakra-ui/react/dist/index.mjs
Error: It's currently unsupported to use "export *" in a client boundary. Please use named exports instead.
Non je suis un mauvais élève... j'ai trouvé
Ahaha y'a pas de mauvais élève, good job 👍