Thanks again for the invite to the channel! These videos come out on my channel first along with more videos please check out my channel if you haven't already. Any questions or future projects you would like to see let me know. Keep Coding.
Quick tip: If you want to create a folder and a file inside it, instead of creating the folder first and then creating the file, you can create a file named "folder name/filename" to do the same. An example would be create a file called Member/page.jsx which would create the page.jsx file in the Member folder
you guys always putting out stuff like you reading our minds lol! ... request could you please do a tutorial on MQL5 as in metatrader's language for building trading bots
when i create clientMember page, i recieved this error "sync/await is not yet supported in Client Components". but in video, everything is okey. I didnt understand why
Great video, thanks! I wonder, what if you want more roles than just Admin and User? What if you want the Admin to be able to create new roles and select which permissions they have?
Hello, I’m new to the coding community, but wouldn’t this video be out dated because nextAuth.js is changing to auth.js and the step for the new documentation are different
Thank you for this beautiful lesson. I'm starting to watch other videos on the channel. Why did you write folders like "components" and "models" in parentheses? Can you explain please?
Hey I have errors I'm stuck in `middleware` section. When I click on `CreateUser` link without having a `login` session. It shows me `Only Admins` text. It should redirect me to login.
In last next.js version you have to put middleware.ts in the same level with the pages or app folder. If the pages/app folder is in root add it in root level. If the pages/app folder is inside src you have to add it inside src folder. Worked like a charm !!
I have one Q. Im using jwt for sessions and my problem is, that when i delete a user from db, but that user is still logged in, it simply doesnt kill his session and he still has full access to my next.js app until his session expires. Any Suggestions how to solve this ?
Thanks for the video. It seems like a bad implementation to put admin privileges hard coded in the code. That means that anyone with github access can see who has admin on your site and it means that you need a code change to add or remove privileges? Is there any other way of handling this?
with secret keys i’m not able to commit to github unless i get rid of the secret keys… what’s the workaround? i’m assuming there’s a way to encrypt it or something?
when github oath, what's the application name and Authorization callback URL,it's not clean to do? Is there a document for the video. some words are not clean to follow.
Im having hard time creating credentials login because i want user id as well and when i try to add user id to session callback it gives undefined .id is undefined error. How do i go about this one solve the issue ?
HI! Thx for the video. Have you tried to enable App Check for Firebase? Official docs say to do it this way: const appCheck = initializeAppCheck(app, { provider: new ReCaptchaEnterpriseProvider(/* reCAPTCHA Enterprise site key */), isTokenAutoRefreshEnabled: true // Set to true to allow auto-refresh. }); But it works only for the client side, but signInWithEmailAndPassword we call on the server, so it does not use the app check token and I got: An error (auth/firebase-app-check-token-is-invalid.) Do you know how to handle it? Thx in advance
I have a quick question. I've implemented cookies and JWT authentication in my NestJS backend. Now I'm working on the Next.js frontend, and I have a server component that sends a request to the backend (Nest) to get protected data. However, I'm receiving an "unauthorized" message from the backend in the server component. Note: I'm using HTTPS-only cookies and ngrok for HTTPS in development. How to solve this? means how i can configure next js How i can forwards the secure cookies from Server compoents to the nest js backend that are comming from the browser
They make so much css staff to make it seems messy and hard , but if you need working example you need 5 mins and few lines of code but if you show that then you can’t be payed well😂
Basically I had a folder containing all of my code inside another folder… so the fix was to cd into that folder containing the code and running npm run dev inside of it 🤦🏻♂️🤦🏻♂️
can you start with configuring the console.cloud.google? at 28:26 your google cloud is all set up with other things but mine asks for "Configure Consent Screen" but it sends me to See Setting up OAuth 2.0 and i obviously have no idea what to do since im at this tutorial
Thanks again for the invite to the channel! These videos come out on my channel first along with more videos please check out my channel if you haven't already. Any questions or future projects you would like to see let me know. Keep Coding.
😍
Thanks. Any chance you'll do same with Next.js 14 and Auth.js 5?
Quick tip: If you want to create a folder and a file inside it, instead of creating the folder first and then creating the file, you can create a file named "folder name/filename" to do the same. An example would be create a file called Member/page.jsx which would create the page.jsx file in the Member folder
GOAT!
I just completed the previous project, the Ticketing App, from the same instructor, thanks for this one👍
Great to hear thanks for watching. Let me know if you have any other tutorials you need!
Amazing video. Very well explained without being superfluous. Tutorial videos like this are such a rarity.
Doubt 🚨 How do I authorise my api routes to ensure security.
Btw best video on Next Auth i found on TH-cam uptill now.
I saw this course on udemy, I'm glad you provide this for free!!!
thanks FCC and ClarityCode, it really help me understand the basics of nextauth and to implement it correctly in one of my test projects keep up
You are a great Programmer, thanks for the lecture.
I like the fact that the instructor defines environmental variables at 25:57 🫡
They know what they did. They probably deleted the keys after making the video
So this is still about the old NextAuth 4 right, please change the title, which is misleading as AuthJS 5 makes significant changes
agree
agree
What a great tutorial! Very helpful and clear.
Really needed this. Saved for future use 👍
A great tutorial indeed. Thanks for this, but sadly after 6 months, it's already outdated as NextAuth v5 uses very different function names.
Yeah so sad. considering freeCodeCamp tutorials are always the best
you guys always putting out stuff like you reading our minds lol! ... request could you please do a tutorial on MQL5 as in metatrader's language for building trading bots
I just completed it. Good one keep it up FCC
when i create clientMember page, i recieved this error "sync/await is not yet supported in Client Components". but in video, everything is okey. I didnt understand why
Really Great Tutorial Video and Project
Hi. Thanks for your time. But how about edge compatibility in authjs?! You didn't talk about this at all!
thank you, it was a great tutotrial, would be great if you can show us how to deploy it in Netlify too.
Great video, thanks! I wonder, what if you want more roles than just Admin and User? What if you want the Admin to be able to create new roles and select which permissions they have?
Thanks for such a great tutorial video.
A big thanks. This saved my life
28:15 Maybe the interface has changed, but make sure you go to API & Services.
Thanks for this tutorial great explanation
Thanks a lot, very useful video, all works great
Great tutorial. Thanks.
Thank you so much for creating this tutorial, it's so easy to follow.
Should add a session:{stratigy:"jwt"} in the options config, or there would be no 'role' property in the server side session.
Thanks for this really useful tutorial.
Great video, thanks pro🥳🥳
Hello, I’m new to the coding community, but wouldn’t this video be out dated because nextAuth.js is changing to auth.js and the step for the new documentation are different
It is changing for about 1 year now, so I think the video wouldn't be outdated very soon 😅
thanks for the lecture
Thank you for this beautiful lesson. I'm starting to watch other videos on the channel. Why did you write folders like "components" and "models" in parentheses? Can you explain please?
Thanks for the great tutorial!
I'm curious with the parentheses too. Is this just a naming convention, or there are functions in Next I'm missing? 🙋
you put parenthesis into the folder's name if you want Next.js ignore that folder and not consider as a routing page
const options = {...} export default options
worked for me, otherwise it was 500 error
I’m curious (and new to NextJS) why do you say, “you should try to shy away from client side components when you can”?
Thanks!!
Using next 14 and I am not able to use the default (sigin and other) pages of next auth???
same bro. tried to access api/auth/signin. I got status 500
Great video, thanks. Question-- how could I conditionally show a link in the navigation based on whether the user has the admin role or not?
@a.b.x.543 totally, thanks
GREAT!!!
Hey I have errors
I'm stuck in `middleware` section. When I click on `CreateUser` link without having a `login` session. It shows me `Only Admins` text. It should redirect me to login.
In last next.js version you have to put middleware.ts in the same level with the pages or app folder. If the pages/app folder is in root add it in root level. If the pages/app folder is inside src you have to add it inside src folder. Worked like a charm !!
thnx love u saved my day@@bringmemore2621
Thank You
I have one Q. Im using jwt for sessions and my problem is, that when i delete a user from db, but that user is still logged in, it simply doesnt kill his session and he still has full access to my next.js app until his session expires. Any Suggestions how to solve this ?
for some reason the middleware is not working at all for me and its allowing any registered user to get to my admin panel
Thanks for the video. It seems like a bad implementation to put admin privileges hard coded in the code. That means that anyone with github access can see who has admin on your site and it means that you need a code change to add or remove privileges? Is there any other way of handling this?
with secret keys i’m not able to commit to github unless i get rid of the secret keys… what’s the workaround? i’m assuming there’s a way to encrypt it or something?
If I'm implementing Google Oauth only what will be value of NEXTAUTH_URL?
when github oath, what's the application name and Authorization callback URL,it's not clean to do?
Is there a document for the video. some words are not clean to follow.
middleware makes the routing slower...
Im having hard time creating credentials login because i want user id as well and when i try to add user id to session callback it gives undefined .id is undefined error. How do i go about this one solve the issue ?
do something to put google auth in here your thing is already setup
Use typescript
Hello why you doesn't use sever actions instead
at 47:08, what if I want to use my own login in my middleware before using NextAuth?
HI! Thx for the video. Have you tried to enable App Check for Firebase? Official docs say to do it this way:
const appCheck = initializeAppCheck(app, {
provider: new ReCaptchaEnterpriseProvider(/* reCAPTCHA Enterprise site key */),
isTokenAutoRefreshEnabled: true // Set to true to allow auto-refresh.
});
But it works only for the client side, but signInWithEmailAndPassword we call on the server, so it does not use the app check token and I got: An error (auth/firebase-app-check-token-is-invalid.)
Do you know how to handle it? Thx in advance
How to place scopes?
I want NextAuth to call signOut event when refresh token expire.
Is there any way to do it ?
yeah broken tutorial
sorry :/
please do a write up with this it would have been helpful
great
Can NextAuth use for api auth with another domain access it
what's the file name to keep secret, env.local? It's not clean in the video.
Is it just me or is Next-Auth v4 and beta all now completely unusable?
some how this is not working for me now
I have a quick question. I've implemented cookies and JWT authentication in my NestJS backend. Now I'm working on the Next.js frontend, and I have a server component that sends a request to the backend (Nest) to get protected data. However, I'm receiving an "unauthorized" message from the backend in the server component.
Note: I'm using HTTPS-only cookies and ngrok for HTTPS in development.
How to solve this? means how i can configure next js
How i can forwards the secure cookies from Server compoents to the nest js backend that are comming from the browser
Try having the request http instead of https
i kept getting errors at the profile?.email how to fix that? im lost there, i fixed one part but still many errors using that
nevermind, i fixed everything and its all working perfectly
but how can I use a similar library in a go app?
Finally
al prinicipio me daba error con userRole no is defined, portanto me toco definirlo en el alcance global
is this also applicable on `pages`?
middleware is not working for me in next 14
bro help me connect this with your tickets app I wrote it all, but I would like every user to see only their created tickets
No ts is a deal breaker
Lovely video but it’s not differentiating roles.
done
thank god you didnt use typescript, would of just ruined the entire tutorial for me
Is Ctrl+Shift+L necessary?
Nope just lazy. Thanks for watching.
They make so much css staff to make it seems messy and hard , but if you need working example you need 5 mins and few lines of code but if you show that then you can’t be payed well😂
This works with next.js 14?
yes works perfect
why is my .env.local file not working??
Mine too, having client_id error
why am I getting "missing script dev" logged onto my terminal at 14:13??
run npm install
@@0xN1nja tried it but I’m still having the same problem :(
Basically I had a folder containing all of my code inside another folder… so the fix was to cd into that folder containing the code and running npm run dev inside of it 🤦🏻♂️🤦🏻♂️
26:00
37:47
What the hell happened - it was such a good project and is now dead.
🙅
can you start with configuring the console.cloud.google?
at 28:26 your google cloud is all set up with other things but mine asks for "Configure Consent Screen" but it sends me to See Setting up OAuth 2.0 and i obviously have no idea what to do since im at this tutorial
did you solve the problem man? i'm at the same issue borther