I thank you very much, I have been perfecting my skills in fronted in 3 technologies, thanks to your videos Angular, Vue and React. A sugestion in case of someone have a problem with router: This is the solution being today one date one year after this video. Because update in React
Pls @ScalableScripts what is the extension you use for the auto completion of react components? And what extension for the displaying of the light gray indicators that show what each argument is for in the functions you write in the video? Also, thanks a lot for this material, it's very well explained!
if you're using vscode, you can use the ES7 Snippets addon to create boilerplate components like that, the input is 'rafce' (they lack semicolons, but running Prettier on the component will fix that)
Hey brother, I followed your Django JWT tutorial and am here to give it a React frontend. I am using axios for requests. The problem I am facing is, I'm not able to set the cookie via axios. If I do a post request in Django REST page, it works well, but fails on requesting from axios. Please help.............
26:24 when I try to log in, the cookie doesn't arrive. In Chrome Dev Tools I get the issue "Indicate whether a cookie is intended to be set in a cross-site context by specifying its SameSite attribute". I'm using the Django backend.
Failed to load resource: the server responded with a status of 500 (Internal Server Error) could u help me resolve this? After registration, it goes to login but after login, it shows this error.
hello i use this code with laravel backend but when i try to login using react frontend i have this error in the consol "The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'
@26:20 , I get different cookies named crsftoken and sessionid and not 'jwt'. I get the correct jwt cookie in postman, but not in the browser. I have searched around for a solution for a while now, would love some insight.
Thanks for the fantastic demo. The only problem I hit was that once I added credentials: 'include', I started getting CORS errors and could no longer send/receive requests to the server. Any idea how to get around the CORS issue?
@@ScalableScripts A custom lambda that exposes APIs for CRUD operations on the database. I'd set the allow origins header to "*" but apparently that doesn't work once you start using credentials.
Failed to load resource: the server responded with a status of 500 (Internal Server Error) could u help me resolve this? After registration, it goes to login but after login, it shows this error.
Please create videos on the CRUD operation using Nest-React-Redux-TypeScirpt. Even if you have a premium course on it, you can send me the course link. Thanks.
Hello, so is it the right way to do authentication? You do it all in the backend and dont need to do anything in the frontend, you just need to ask browser for the cokie am I right. Please anyone answer me 😢
Failed to load resource: the server responded with a status of 500 (Internal Server Error) could u help me resolve this? After registration, it goes to login but after login, it shows this error.
Failed to load resource: the server responded with a status of 500 (Internal Server Error) could u help me resolve this? After registration, it goes to login but after login, it shows this error.
Failed to load resource: the server responded with a status of 500 (Internal Server Error) could u help me resolve this? After registration, it goes to login but after login, it shows this error.
sir make Protect route. Login user can't access Signup page. if user already Login in then don't go to login page again. and other route protect. If not login don't go home page or other routes and make Video store Token in Mongodb Database and delete from there and verify from there. and Token expire date etc. and make video Authentication with Facebook and Google In Node Js also.
SQLSTATE[HY000] [2002] php_network_getaddresses: getaddrinfo failed: Try again (SQL: select * from information_schema.tables where table_schema = auth and table_name = migrations and table_type = 'BASE TABLE') at vendor/laravel/framework/src/Illuminate/Database/Connection.php:678.. ERROR on start.sh any idea how to fix IT!! ???
Hi! Thank for your explaination! I have issues when I started backend. Could you help me? Thank you! Illuminate\Database\QueryException SQLSTATE[HY000] [2002] php_network_getaddresses: getaddrinfo failed: Name does not resolve
I thank you very much, I have been perfecting my skills in fronted in 3 technologies, thanks to your videos Angular, Vue and React.
A sugestion in case of someone have a problem with router:
This is the solution being today one date one year after this video.
Because update in React
Thanks so much
Really good job! Please continue explaining react in typescript! Very helpful!
Failed to load resource: the server responded with a status of 500 (Internal Server Error)
what to do?????
Actually, this video doesn't touch the topic of the JWT Authentication, it is rather about React and React Router.
yea :')
@a z I found articles on the Internet explaining how to implement JWT authentication.
@@rumate87 link please?
@@rumate87 please I would like links on articles about JWT
Your explanation is good but where is the JWT here?
Very thanks for the tutorial ❤
I love React Please do some more real world stuff using it.
Thank you.
I will don't worry
for the logout do we have to include credential in fetch call?
Pls @ScalableScripts what is the extension you use for the auto completion of react components?
And what extension for the displaying of the light gray indicators that show what each argument is for in the functions you write in the video?
Also, thanks a lot for this material, it's very well explained!
I'm using PHPStorm
if you're using vscode, you can use the ES7 Snippets addon to create boilerplate components like that, the input is 'rafce' (they lack semicolons, but running Prettier on the component will fix that)
You deserve so much love for this video ur the best
Hey brother, I followed your Django JWT tutorial and am here to give it a React frontend. I am using axios for requests. The problem I am facing is, I'm not able to set the cookie via axios. If I do a post request in Django REST page, it works well, but fails on requesting from axios. Please help.............
Do You Find The Solution Of This Problem?
@@mahmoudkhallaf8677 did you ? i'am facing the same problem
26:24 when I try to log in, the cookie doesn't arrive. In Chrome Dev Tools I get the issue "Indicate whether a cookie is intended to be set in a cross-site context by specifying its SameSite attribute". I'm using the Django backend.
hi, I am having the same problem. Did you found any solution?
@@maidarotgon9453 me too
@@maidarotgon9453 any solution?
@@jacksonpatrick3454 I had a problem that the API was on https, and the frontend was on http. Changed everywhere to http
should be in laravel in session.php:
'secure' => true,
'same_site' => "none",
What if I call the APIs from a different domain, will that still work? The cookie I mean?
Hi and thanks for all your videos, i'm learning React but using .js files Can you tell me what's the difference, chers.
Failed to load resource: the server responded with a status of 500 (Internal Server Error)
could u help me resolve this?
After registration, it goes to login but after login, it shows this error.
I'm also wondering this.
He's using typescript. It's basically a "typed" javascript
hello i use this code with laravel backend but when i try to login using react frontend i have this error in the consol "The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'
can you help me please
@26:20 , I get different cookies named crsftoken and sessionid and not 'jwt'. I get the correct jwt cookie in postman, but not in the browser. I have searched around for a solution for a while now, would love some insight.
facing same issue. did you solve it?
Great man.. you have covered topics out of box..
Thank you for this guide sir.
How do i authorize the current user in headers?
I can't seem to get request.user using this process?
Thanks for the fantastic demo.
The only problem I hit was that once I added credentials: 'include', I started getting CORS errors and could no longer send/receive requests to the server.
Any idea how to get around the CORS issue?
Which backend did you use?
@@ScalableScripts A custom lambda that exposes APIs for CRUD operations on the database. I'd set the allow origins header to "*" but apparently that doesn't work once you start using credentials.
Understood I think you should enable credentials in your lambda that may be your problem. Something like 'Access-Control-Allow-Credentials': 'true'
@ScalableScripts Any idea how to solve SameSite attribute problem?
facing same issue. did you solve it?
Hi. do you have auth-api on another platform other than docker?
Nope, you can select one of the other backends in the description
I'd like to see JWT with Firebase and React.
@22:00 on clicking register i'm getting Status Code: 500 Internal Server Error can you help me with this?
Im not getting cookies even though i set withcredentials=true. In console it show "SameSIte" attribute warning.. DOnt know how to fix this
Well man your videos are awesome.
Thanks, share it with your friends :)
Best explanation 👍
tks u sir, can u make another video about how to protect route with jwt plz
Failed to load resource: the server responded with a status of 500 (Internal Server Error)
could u help me resolve this?
After registration, it goes to login but after login, it shows this error.
@@muhammadrizwan-iz8er if you see this message the problem is yo dont need to close db server be shure you db lochalhost 8000 working
thank u bro you're a life saver
Can you please make a video that explain how to make a JWT with struts2/spring and send it to an angular application? please I realy need it
Please create videos on the CRUD operation using Nest-React-Redux-TypeScirpt. Even if you have a premium course on it, you can send me the course link. Thanks.
Hello, so is it the right way to do authentication? You do it all in the backend and dont need to do anything in the frontend, you just need to ask browser for the cokie am I right. Please anyone answer me 😢
all we needes here is persistent login, that would be great
how can hook the frontend to the node.js backend?
Thanks man, big help :)
not working with next js 14 any other way ?
while refreshing the main page showing u r already login, before I am login …??
Failed to load resource: the server responded with a status of 500 (Internal Server Error)
could u help me resolve this?
After registration, it goes to login but after login, it shows this error.
am getting 403 error when submitting the loginform am using django-rest how to fix it
facing same issue. did you solve it?
Internal error 500 if I try to post...
Please make on video Redux tutorial
Could someone get redirected to Home by manually setting the 'redirect' state to true?
Failed to load resource: the server responded with a status of 500 (Internal Server Error)
could u help me resolve this?
After registration, it goes to login but after login, it shows this error.
It’s not JWT
You have not shown backend
I have a link for every backend in the description...
@@ScalableScripts can you please reply with link
@@Skullandroses188
React and Laravel JWT Authentication: ua-cam.com/play/PLlameCF3cMEuSQb-UCPDcUV_re5uXaOU9.html
React and Django JWT Authentication: ua-cam.com/play/PLlameCF3cMEtfyO6H7WXUAqoIJO21bDNp.html
React and NodeJS JWT Authentication: ua-cam.com/play/PLlameCF3cMEtiOUjWPmrrFYyLHLHoYmEO.html
React and Golang JWT Authentication: ua-cam.com/play/PLlameCF3cMEuXdBAqa4v8CsbjGnpic71H.html
React and NestJS JWT Authentication: ua-cam.com/play/PLlameCF3cMEuP6lovCY66kIZ4WyNVq1_m.html
React and Deno JWT Authentication: ua-cam.com/play/PLlameCF3cMEu3qhKzCV66_3O9Ozc0BMt9.html
React and C# JWT Authentication: ua-cam.com/play/PLlameCF3cMEtY5S-9aVlCobcfDdbmpjPa.html
React and Kotlin JWT Authentication: ua-cam.com/play/PLlameCF3cMEtCGZW2djY46Dl20-uSNJba.html
Failed to load resource: the server responded with a status of 500 (Internal Server Error)
could u help me resolve this?
After registration, it goes to login but after login, it shows this error.
thanks a lot sir
sir make Protect route. Login user can't access Signup page.
if user already Login in then don't go to login page again.
and other route protect. If not login don't go home page or other routes
and make Video store Token in Mongodb Database and delete from there and verify from there. and Token expire date etc.
and make video Authentication with Facebook and Google In Node Js also.
stop giving orders in such an arrogant way.
@@TheMrianura this is not arrogant I dont know much English show that reason i dont know what meaning in feeling
hi awesome work, please make vuejs 3 jwt authentication video
awesome
👍
Source code please 😁
Here it is: github.com/scalablescripts/react-auth
@@ScalableScripts Thanks 👍
You not use jwt cookie for nothing.
The backend uses it
@@ScalableScripts ho very well (sarc)
SQLSTATE[HY000] [2002] php_network_getaddresses: getaddrinfo failed: Try again (SQL: select * from information_schema.tables where table_schema = auth and table_name = migrations and table_type = 'BASE TABLE')
at vendor/laravel/framework/src/Illuminate/Database/Connection.php:678.. ERROR on start.sh any idea how to fix IT!! ???
Hi! Thank for your explaination!
I have issues when I started backend. Could you help me? Thank you!
Illuminate\Database\QueryException
SQLSTATE[HY000] [2002] php_network_getaddresses: getaddrinfo failed: Name does not resolve