Auth0 authentication in Reactjs using OAuth2

[@akshayshinde2403]

One of the best video ever. You covered complete flow of auth0, how it actually works on frontend and backend.

[@harshbaid.13]

Can you share the code? I am facing implementing this

[@akshayshinde2403]

@@harshbaid.13 which tech stack are using for frontend and backend?

[@harshbaid.13]

​@@akshayshinde2403 MERN stack

[@justcreate1387]

Thank you! Every single tuturial on Auth0 is SUBPAR. You nailed it on the head. You skipped no details and fully answered any questions that someone implementing this for the first time would ask. Auth0, and other people teaching this, assume that people either: 1. have plenty of experience with implementing auth. or 2. people only want to add auth to the frontend(which makes no sense to me, why would we start auth by only discussing the ui?!). Once again thanks, instant 'like' and 'subscribe' from me

[@mafiacodes]

Thanks a lot

[@systemforge]

OMG... you are a lifesaver! Thank you so much. The mistake I was making was that I wasn't passing the audience

[@harshbaid.13]

Can you share the code? I am facing implementing this

[@VitalMercenary]

Thanks for this video, it was super helpful with the backend API authenticated requests portion!

[@akshatdubey4421]

you are a life saver. I spent 3 hours trying to get the JWT

[@harshbaid.13]

Can you share the code? I am facing implementing this

[@JachMichael]

This is gold. Thanks, all the informations you need to secure your app is here :)

[@crissatrapi3933]

wow!! this was seriously a great explanation even for beginners, thanks !!!

[@akshayking1244]

Thank you soooooo much brother! Love this video and your voice as well! Thankful! 🙏

[@saurabhjainwal4604]

Thank you so much dude I was just think of shifting my app authentication from my JWT based auth to a managed service provider and this tutorial cleared almost all the doubts I had, regarding Auth0. Thanks

[@chopy1012]

Thank you, this was really helpful, especially as a person who never used any auth at all

[@mafiacodes]

I am glad you like the video.

[@kevklash]

Let me tell you, not even Auth0 has such a nice tutorial, their info is not that clear. Great video, and thanks for sharing.

[@mafiacodes]

Glad you think so!

[@satyamvlogs3082]

@@mafiacodes i have used Auth0 in Next js app & deployed in netlify but it's not working what can i do?

[@alexanderhergert875]

This video contained many useful informations to make my authentication and authorization work even if I did it differently in the end. Thank you very much.

[@ConorTurner-f4l]

10/10 Amazing video, best on the subject. Many thanks :)

[@ronitpanda5964]

Thanks a lot man this was a really helpful tutorial covering all the aspects of using auth0 in a full stack app

[@nithinmoorthy5911]

This is great. Thank you so much for making this and going from the beginning, without a lot of bloatware components and css

[@Column1313]

Thank you so much. everything needed covered eloquently. big fan.

[@mafiacodes]

Glad it was helpful!

[@bhaskardixit1564]

Nice and clear. Understood the most of concepts thank you

[@knowwithfarhan9310]

Thank you so much for this awesome tutorial, your teaching skill is super.

[@prabujs1785]

great. Thanks for posting this video tutorial.

[@mafiacodes]

Glad it was helpful!

[@daniyallodhi7765]

UPDATE: THE auth0Provider has some changes redirectUri is now redirect_uri and both redirect_uri and audience will be written inside the authorizationParams like below

[@vikivarun6122]

Really Great content

[@mdalkaium]

Thanks for your nice explanation.

[@daniel67324]

Great stuff. Thank you for sharing.

[@kunaljethva9623]

Awesome video ❣️

[@skverskk]

Awesome!!!

[@fatcat500]

great vid thanks

[@devJaminur]

wow..nice video

[@asmapatel6127]

hello, I keep on getting error Error: You forgot to wrap your component in . Source src/LogInButton.js (6:34) @ onClick 4 | const { loginWithRedirect } = useAuth0(); 5 | > 6 | return loginWithRedirect()}>Log In | ^ please tell me how to resolve?

[@thaisonnguyen8165]

sir, I followed all your codes but can't get userinfo from backend. When I use the same way in frontend it's works. Is axios can not use in expressJS?

[@krutarthdarji]

Please provide Github repos for this. Great Video by the way!

[@owoichoadoyi7357]

Great video. What about if I design my own signup and login pages, how will I do it without using loginWithReDirect?

[@asfarwaheed3913]

How can I redirect the user to some page route other than the / route after logging out ?

[@riteshthakur9250]

liked your video but i have a request can you make microservice with node js videos that can help how to build microservices with node js i really wanted to know how to do that but there are not that many videos on youtube which can help so please make a full series on how to build microservices with node js

[@arielzarate3643]

gracias mi hermano me sirvio ♥

[@ol1175]

BEST!

[@mafiacodes]

Subscribe like share

[@prakash_subbaiah_crazy_world]

Awesome guide....may i know which flow is this in OAuth 2.0? Is this Authorization code flow? Please confirm.

[@parmarjaydip1994]

Thank you so much . BTW which font is this ?

[@chris_ea]

Thanks, is it necessary to make one more call from the serverside to extract the incoming token to clear info? Isnt it possible JWSverify it locally and decode the jws token?

[@ketkigokhale975]

When selcting single page web application option while initiating this project,i keep getting error that you dont have permission to access the resource..i have subscribed to the Auth0 the same way you have explained initially..what to do?

[@manojnavinjamuri5867]

There is error in my application. Please resolve the error. My API is not authorizing single page application please resolve this

[@ThanhNguyen-tj9pw]

thanks for all, but can i ask your theme vsc ?

[@anishbishnoi29xD]

Thanks ❤️

[@PanlasangMotour]

How to implement token expiry when the users idle on the page like dashboard also i want to refresh it and have a limit timer per token or maybe reuse the token time when not idle 😕 can we get a tut for that thanks in advance ❤❤

[@dumindusameendra]

Hi, so if we were to deploy this, is having the auth configurations on index.js not a security risk?

[@akshaybisht2660]

Hi, i have a Web App in Next.js with TypeScript and also Implemented Auth0 but i am not getting the Access Token? How can I get the Token access so that I can use that Access Token to further call my API's?

[@Asha__s]

I have a doubt!! I am unable to receive email token from user while logging using Facebook.Can someone help ??

[@mr.artist486]

This is very helpful. Could you please make one video telling 'Firebase authorization using auth0' and 'generating custom token s in firebase using auth0' ??

[@bibekpaudyal4434]

How do i make the auth0 login page appear without having to press the login button ? if user is authenticated then they should be redirected to the url they entered else redirect them to login page of auth0

[@owoichoadoyi7357]

I think you can make that setting in your email template in your auth0 account

[@isurumadusanka9256]

Thank you

[@prat_0501]

I am using auth0, How can I authorize logged in user using firebase function?

[@deputyrook6232]

so Auth0 is an "extention", kind of, of OAuth2? by authenticating with Auth0 you're authenticating with OAuth2, right?

[@AyanKhan-dc3eu]

My react app is working fine on desktop but on android browser its white blank after using auth0 what can be the issue? are you able to use your react app over wifi on android after using auth0?

[@sumanpokharel1718]

great video . i have a query tho . errorhandler middleware code does not work (except for new Error("not found")) or am i wrong.

[@mafiacodes]

Watch this video for more clarity on error handler to clear all doubts. 3. Setting up express with Error handler | Node JS API Authentication kzbin.info/www/bejne/eKeTpJeJfNOLaKs

[@DTUSEM]

Thanks sir

[@hectormanuelsantosbautista7032]

Would the implementation in react native with expo be the same way?

[@riyasahamedm4747]

Which Terminal you are using?

[@mafiacodes]

Zsh with spaceship propt

[@amjadawan4150]

sir can we use this for any web app. is it completely secured?

[@mafiacodes]

Yes any react app, things may change for react frameworks like nextjs/remix/etc

[@cosmelvillalobos6448]

hey man how do you apply the same logic in Rails, I am trying to replicate it, but when I try to pull the user information on my backend using rails, I am not getting it.

[@fooked1]

How can you setup registration callbacks to create a user in your own api's DB?

[@mafiacodes]

two options, either create a webhook in auth0 OR as suggested by auth0 itself that every time a request is made to backend using the token, search if u have a user or else create one.

[@ibrahimzaidi8871]

hey do you have any github repository ? so that i can download it from there

[@alnurabdala6115]

i get an error saying jwt is not a function how do I fix this??

[@walternomas]

var { expressjwt: jwt } = require("express-jwt");

[@ABUTAHER-wg7gz]

if i reload the page

[@subhashgn1775]

Is auth0 free forever if the no of users under 7000?

[@mafiacodes]

Yes I guess so

[@subhashgn1775]

Thank you for the response. It was so quick. Grateful to you.

[@ivayloivanov7398]

Guys everything works normally, but there is no req.user. Please help

[@latestsongsshorts6306]

Have u resolved it?

[@thaisonnguyen8165]

@@latestsongsshorts6306 using, req.auth

[@dimodimchev7164]

Do you have any idea how this can be replicated with a Django backend?

[@mafiacodes]

You use it the same way but the django way, simply get the jwk from auth0 to verify the access token on the backend and the frontend remains the same

[@dimodimchev7164]

@@mafiacodes I’m struggling on the verification part in Django

[@abhishekmazumder2060]

Amazing stuff brother. which font are you using on vscode editor?

[@RossGhazi]

for min 7 there has been an update, rather than redirect="window.location.origin" use authorizationParams={{ redirect_uri: window.location.origin, }}

[@shobhitsaini8110]

code on github??

[@santhoshkumar2911]

Can you share the code used please.

[@mafiacodes]

I'll check if I have, but u can follow the video for all the steps

[@gabrielfono844]

hi sir thanks for this amazing tutorials hey , I am building an online learning plateform for my community and I wanna to customize the default page that Auth0 provides when users login. how could I do it?? I look forward to hearing from you back really love this channel

[@subhashgn1775]

Do we need to call the getacesstokensilently() for every api call in different component. Can we use it as state in root component, if so how to handle when the page gets refreshed?

[@rakesh3372]

Hi, can I have a consultation with you?

[@mafiacodes]

What kind of?

[@rakesh3372]

@@mafiacodeson a project idea

[@engineerscodes]

Hey your just exposing your api key & client ID what about security

[@Ganesh_Golhar]

sir could you please provide Source code

[@latestsongsshorts6306]

req.user not working for me. It gives undefined

[@sanitbandekar]

Hello where are you ??

[@mafiacodes]

some other projects are going on...:)

[@Ben-hw1lr]

the code please ...

[@mafiacodes]

I don’t really know if I have the code now, if it’s on GitHub the link must be there in the description

[@Ben-hw1lr]

@@mafiacodes il n’y a pas de lien github