Add Auth to your React Project EASILY Tutorial

Поділитися
Вставка
  • Опубліковано 23 гру 2024

КОМЕНТАРІ •

  • @developedbyed
    @developedbyed  2 роки тому +50

    Channel is back with full force 🎉
    Thanks everyone for the amazing support, loads of content is coming your way!

    • @bogdanciolpan6304
      @bogdanciolpan6304 2 роки тому

      Hi, I'm watching you from a while and also I've bought some courses from you, will you be interested in making all of this stuff using Typescript? I mean you really have some qualities when it's come to explain things, I guess using TypeScript and React will be a good approach and also appreciated by the community, keep up the good work!

    • @aleksandrzakharov8758
      @aleksandrzakharov8758 2 роки тому

      I missed you)

    • @suciu4644
      @suciu4644 2 роки тому

      we love you ed

  • @coolcumber7
    @coolcumber7 2 роки тому +3

    Love your small tutorials on fundamental yet crucial web development concepts ... with your top notch explanations as all ways .. keep the ball rolling 😄❤

  • @paschalynukwuani6930
    @paschalynukwuani6930 Рік тому +3

    Dev Ed is a legend😎. You always make my coding journey easier with your simple and great explanations. Cheers to you man!😎

  • @jaywilzon1412
    @jaywilzon1412 2 роки тому

    Dude your personality is totally not my cup of tea and yet I find you funny as heck and a pretty darn good teacher. Thanks for reminding me why I should give everyone a chance.

  • @leulwebshet9750
    @leulwebshet9750 2 роки тому +3

    I started my UA-cam channel yesterday , you really inspired me

    • @musicvista5345
      @musicvista5345 2 роки тому +1

      Your name looks like Ethiopian...here to support you brother, you rock on

    • @leulwebshet9750
      @leulwebshet9750 2 роки тому +1

      @@musicvista5345 yes I am from Ethiopia

  • @siddharthsingh7281
    @siddharthsingh7281 2 роки тому +1

    You seem nice person . Great explanation. Don't lose your humbleness.

  • @JohnRodDondoyano
    @JohnRodDondoyano 2 роки тому

    Please make a vid about authentication with database 🥺

  • @MasumKhan-ug8nr
    @MasumKhan-ug8nr 2 роки тому

    Thanks a lot man. following ur channel from a long time & it was always usefull

  • @NNNedlog
    @NNNedlog 2 роки тому +1

    Just noticed you changed your channel name. Awesome video as always sir.
    I'm currently learning React so this will be very helpful

  • @gillgarcia768
    @gillgarcia768 2 роки тому

    Now I understand how to make loops and export everytNice tutorialng really god bless you.. your way of explaining simply aweso I loved it

  • @HamzahAhmad-db5cy
    @HamzahAhmad-db5cy Рік тому

    Hey Ed, thanks a bunch for the detailed explanation. Really helped out a bunch.

  • @lovetheentertainment9949
    @lovetheentertainment9949 2 роки тому +2

    Can you please make a complete Bootcamp on webpack 5
    Please cover all the concepts and tell each and every part how we use in real time projects

  • @muvsharma
    @muvsharma Рік тому

    thank you so much, you solved my week-long problem in an hour

  • @bobziomeczek2604
    @bobziomeczek2604 2 роки тому

    Thanks, I really enjoyed this project. If someone has issues with auth import, I recommend to use auth() instead of auth, in my case it worked every time I had an issue with the 'auth' import. Have a nice day :)

  • @benlam3832
    @benlam3832 2 роки тому +1

    I thought auth would be a super complicated thing to do, but it looks a lot simpler now after this video.

  • @skverskk
    @skverskk 2 роки тому +1

    Great tutorial and easy to follow. Would you consider a Firebase Email/Login provider tutorial, some time in the near future? Thank you

  • @ferroisss
    @ferroisss 2 роки тому +2

    Hello, once the user is logged in with google/facebook, how can you allow the user to interact with your NodeJS server as an authenticated client?

    • @MiserableDuck95
      @MiserableDuck95 2 роки тому +1

      Would love to see this too

    • @Chriss-cn1ch
      @Chriss-cn1ch 2 роки тому

      Just send the necessary info to nodejs and store them to db.
      If the user logs in again you can check if he exists in the db. Same concept as the ordinary email authentication.

    • @ferroisss
      @ferroisss 2 роки тому

      @@Chriss-cn1ch Which will be used as the secure token?

  • @naolkebede321
    @naolkebede321 2 роки тому +1

    A shopping website with a seller and buyer different sign-in ways. with A count button shopping method and a controllers (police) sign-in way to see every history of transaction

  • @wesonweb
    @wesonweb Рік тому

    Fab tutorial as always 💯

  • @dannyisrael
    @dannyisrael Рік тому +1

    Is it safe to use NEXT_PUBLIC with the keys? Shouldn't they be loaded serverside or something?

  • @iamakifislam
    @iamakifislam 2 роки тому

    Dev Ed to developerbyEd.
    Good name, Sir. I have been following you for a very long time. So Dev Ed was familiar to me. But the new name is more explaining and good for new comers.

  • @priyanshushukla6827
    @priyanshushukla6827 6 місяців тому

    in my vs code after writing the first command it is saying does u will use Type script? what to do yes or no?

  • @ktk5987
    @ktk5987 Рік тому

    Thanks alot for this tutorial! it was awesome, and you are awesome!

  • @arpitpandeyofc
    @arpitpandeyofc 2 роки тому +1

    More react videos please!!! 💛💛

  • @damislav
    @damislav 2 роки тому +1

    10/10 sneeze bless you

    • @damislav
      @damislav 2 роки тому

      good jumpscare made me think faster

  • @EricOnYouTube
    @EricOnYouTube Рік тому

    developedbyed, how would I then use that same login to save data in the api app?

  • @abdikanimohamed436
    @abdikanimohamed436 2 роки тому

    My teacher I so exited with you really and also your tutorials make tutorials about react mongo db and react security url

  • @ghalitsar2730
    @ghalitsar2730 2 роки тому +1

    can u do with nextjs and with next/auth ?

  • @josef1523
    @josef1523 Рік тому

    I am wondering how I can get all the users in my "firebase authentication" using NextJS.

  • @sudipgurung9546
    @sudipgurung9546 2 роки тому

    4:49 "HEAD? Yes please"

  • @sleeplessforawhile
    @sleeplessforawhile 2 роки тому

    Thx for your work. My best wishes.

  • @eliyahutarab4862
    @eliyahutarab4862 2 роки тому

    Thank you very much can you do a crush course of react with typescript?

  • @faizshariff9968
    @faizshariff9968 2 роки тому +1

    Hey ed please do a video on next js

  • @bytewisesl
    @bytewisesl Рік тому

    this is a great tutorial. Thanks

  • @MilahnMartin
    @MilahnMartin 2 роки тому

    Anyone know why im getting a "Window is not defined error in Nextjs" only happens when i import the firebaseconfig.js file

  • @CoconutwCoco
    @CoconutwCoco Рік тому

    how to deploy it later? could we have a following up tutorial

  • @Human_Evolution-
    @Human_Evolution- 2 роки тому

    Everything seems to work fine, then when I go to deploy to either Vercel or Netlify, I get errors and failure to deploy. 1 hour of trying and I am not sure what to do. Anyone have any insite? My errors vary from useEffect dependencies, to Firebase api key being invalid. Errors are fdifferent on Netlify than they are on Vercel....

  • @maskman4821
    @maskman4821 2 роки тому

    Great lesson 😍

  • @Kr0ckDinde
    @Kr0ckDinde 2 роки тому

    Super nice tutorial bro, helped me a lot thank you !
    In Meta for developper website I think they want me to setup a SDK java script. You didnt refered to this in your video. I don't know what is this about...

  • @buituyen9484
    @buituyen9484 2 роки тому

    Hey, I really like your VSCode theme. Did you customized it by yourself or you got it from extension store?

    • @zachmsdev747
      @zachmsdev747 2 роки тому

      You should try out this theme called Bearded. :-)

    • @buituyen9484
      @buituyen9484 2 роки тому +1

      @@zachmsdev747 thanks. I will try it out 😀

  • @AdamBakerMTB
    @AdamBakerMTB Рік тому

    Does the firebase config even need to be in the env file?

  • @santiagonahuel8845
    @santiagonahuel8845 Рік тому

    Great job!

  • @captainfoodman
    @captainfoodman 2 роки тому

    Ed, can you make a video about using java in our web applications. Using servlets and JSPs, all that sorts of stuff. That would be amazing!! Thank you

  • @rdvansengul3667
    @rdvansengul3667 2 роки тому

    yo bro, really thankya. Big respect

  • @frankiefab
    @frankiefab 2 роки тому

    Thanks Ed, Can you make a tutorial on converting json data to custom GRAPHQL API

  • @insanetvshort7076
    @insanetvshort7076 Рік тому +1

    dudes high asf 🤣

  • @maestro3112
    @maestro3112 2 роки тому

    thank you and good luck

  • @rifhix7404
    @rifhix7404 2 роки тому

    Yeah please can you make some toturials on react redux and firebase

  • @hmrizwanmazumder
    @hmrizwanmazumder 2 роки тому

    Can you make some android tutorials?
    Either Java or kotlin, flutter or even reactNative.

  • @sahilverma_dev
    @sahilverma_dev 2 роки тому

    how to implement google auth in a MERN stack?

  • @Charlotte-jm3ce
    @Charlotte-jm3ce 2 роки тому

    I would love to learn how to make multilingual sites!

  • @phattriennanglucsinhvien-a4123
    @phattriennanglucsinhvien-a4123 2 роки тому

    Thank you very much

  • @tirotta_sw
    @tirotta_sw 2 роки тому

    it was the 4:48 for me lmfao😂

  • @jahongirkhabibullayev591
    @jahongirkhabibullayev591 Рік тому

    Thanks bro

  • @blue_berry_pie64
    @blue_berry_pie64 2 роки тому

    Thank youuuuu

  • @Melhor99
    @Melhor99 2 роки тому

    where is your item

  • @suciu4644
    @suciu4644 2 роки тому

    ed, why not next auth?

  • @alexandrebtn
    @alexandrebtn 2 роки тому

    Great video but for this time you need a little night’s sleep for these little mistakes 😭

  • @ahamedbashan4638
    @ahamedbashan4638 Рік тому

    I didn't get styles and pages folder while installing react

  • @buffplayz8089
    @buffplayz8089 2 роки тому

    I was looking for a normal crack for a long time and stumbled upon you, thank you very much

  • @abdikanimohamed436
    @abdikanimohamed436 2 роки тому

    Teacher make firebase crud tutorials and firebase rules and sucurity and database

  • @TintZawhtun-uv8qq
    @TintZawhtun-uv8qq Рік тому

    sir I get a message . Info: The current domain is not authorized for OAuth operations. This will prevent signInWithPopup, signInWithRedirect, linkWithPopup and linkWithRedirect from working. I'm not solve this problem.Please help me .

  • @KhalilCh
    @KhalilCh 2 роки тому

    Blocs for mac users please

  • @yoman9446
    @yoman9446 2 роки тому

    Funny enough, I wouldn't trust any website that has a sign in with Facebook button

  • @ekweisking2023
    @ekweisking2023 2 роки тому

    I wish you did this with regular react.

  • @AndryCanel
    @AndryCanel Рік тому

    Head?? yes please XD

  • @ekweisking2023
    @ekweisking2023 2 роки тому

    I love the way you don't care if you don't pronounce authentication Right 😂.

  • @osoningliztili6708
    @osoningliztili6708 2 роки тому

    cool

  • @adityaanand9233
    @adityaanand9233 Рік тому

    AUTHENTIFICATION

  • @fraagzthenoob8935
    @fraagzthenoob8935 2 роки тому

    Like bro

  • @kasiliwachiye1472
    @kasiliwachiye1472 2 роки тому

    *AUTHENTICATION :)

  • @jeevanjose3347
    @jeevanjose3347 2 роки тому

    🥳🥳🥳🥳🥳🥳

  • @EricOnYouTube
    @EricOnYouTube Рік тому

    No, saying 'bless you' is just silly. I said Gesundheit.

  • @tabmax22
    @tabmax22 Рік тому

    please add chapters next time

  • @emmanuelnkiriyumwami1225
    @emmanuelnkiriyumwami1225 Рік тому

    Nextjs 13 user: You should add"legacyBehavior' to your tag if you want to put an tag inside: like this
    JoinNow

  • @markokafor7432
    @markokafor7432 2 роки тому

    user?.displayName

    • @markokafor7432
      @markokafor7432 2 роки тому

      @⁺ ①⑨⑦⑧③⓪①⓪⓪④① WhatsApp ? is called the optional chaining operator. Checks if there is a user else it returns undefined rather than throwing an error

  • @pavi013
    @pavi013 2 роки тому

    I havent used facebook in years, i guess i need to go back