Bonjour , la formation Newt JS est disponible sur Udemy www.udemy.com/course/next-js-v14-de-a-a-z/ mais elle n’est pas dans le bundle front-end , le bundle est composé de la formation HTML, CSS, SASS et SCSS, Bootstrap , JavaScript , Greensock, HTML canvas et React JS Bien à vous Jonathan
Superbe vidéo :D J'ai une question cependant, comment faire en sorte que les autres pages ne soient accessible que quand l'utilisateur est connecté ? Car la, quand j'écrit l'url de ma page, je peux y accéder même si je ne suis pas connecter
Merci à toi 🙏🏼😁 pour répondre à t’as question il te suffit par exemple de faire une conditions sur la page en disant que si tu as le contraire de user alors tu fait un router.push(‘/‘) avec useRouter from next/navigation. Si tu as des sous pages dans ton Dashboard je te conseille de créer un Layout pour ne pas te répéter
@@laminutedecode Merci pour ta réponse :D Je ne m'y connais pas encore assez en NextJs pour bien tout saisir, mais je vais me renseigner ^^ Tu pense en faire un tuto de ce que tu m'a dit un jour ?
En fait, dans sa vidéo, il ne fait que du React, pas de Next. Firebase utilise une authentification basée sur des tokens, qui est donc client-side. Next reste du React, donc bien sûr, tu peux toujours l'utiliser comme ça, mais autant ne pas installer Next puisque sa raison d'être, c'est le server-side. Avec Firebase, tu devras définir des composants client-side avec "use client" pour gérer des redirections, par exemple, mais ce n'est pas sécurisé. On préfère généralement une redirection server-side avec un middleware, ce qui nécessite une authentification basée sur les sessions avec des cookies. Une approche consiste à envoyer l'IdToken récupéré après l'authentification de l'utilisateur à une server action ou un route handler pour créer un cookie via firebase-admin. Cependant, même avec cette méthode, tu ne pourras pas fetch des données de Firestore en server-side en utilisant les rules, car cela nécessite le SDK, qui est client-side. Finalement, le seul moyen d'utiliser Firebase en server-side, c'est via les service workers, mais cette méthode est un peu tricky, et je ne suis pas certain que tu puisses intégrer un middleware dans ce cas.
J'ai acheté ta formation sur Udemy, mais Next Js n'est pas dedans.
Bonjour ,
la formation Newt JS est disponible sur Udemy www.udemy.com/course/next-js-v14-de-a-a-z/ mais elle n’est pas dans le bundle front-end , le bundle est composé de la formation HTML, CSS, SASS et SCSS, Bootstrap , JavaScript , Greensock, HTML canvas et React JS
Bien à vous
Jonathan
Superbe vidéo :D
J'ai une question cependant, comment faire en sorte que les autres pages ne soient accessible que quand l'utilisateur est connecté ?
Car la, quand j'écrit l'url de ma page, je peux y accéder même si je ne suis pas connecter
Merci à toi 🙏🏼😁 pour répondre à t’as question il te suffit par exemple de faire une conditions sur la page en disant que si tu as le contraire de user alors tu fait un router.push(‘/‘) avec useRouter from next/navigation. Si tu as des sous pages dans ton Dashboard je te conseille de créer un Layout pour ne pas te répéter
@@laminutedecode Merci pour ta réponse :D
Je ne m'y connais pas encore assez en NextJs pour bien tout saisir, mais je vais me renseigner ^^
Tu pense en faire un tuto de ce que tu m'a dit un jour ?
Oui je te fait sa sans soucis avec plaisir
En fait, dans sa vidéo, il ne fait que du React, pas de Next. Firebase utilise une authentification basée sur des tokens, qui est donc client-side. Next reste du React, donc bien sûr, tu peux toujours l'utiliser comme ça, mais autant ne pas installer Next puisque sa raison d'être, c'est le server-side.
Avec Firebase, tu devras définir des composants client-side avec "use client" pour gérer des redirections, par exemple, mais ce n'est pas sécurisé. On préfère généralement une redirection server-side avec un middleware, ce qui nécessite une authentification basée sur les sessions avec des cookies.
Une approche consiste à envoyer l'IdToken récupéré après l'authentification de l'utilisateur à une server action ou un route handler pour créer un cookie via firebase-admin. Cependant, même avec cette méthode, tu ne pourras pas fetch des données de Firestore en server-side en utilisant les rules, car cela nécessite le SDK, qui est client-side.
Finalement, le seul moyen d'utiliser Firebase en server-side, c'est via les service workers, mais cette méthode est un peu tricky, et je ne suis pas certain que tu puisses intégrer un middleware dans ce cas.
Top
Merci à toi 🙏🏼🌟