React Google Login Tutorial For Beginner Web Developers: Build React.js App To Login With Google

Table Of Content
00:00 Introduction
00:01:36 1 Open React App
00:06:15 2 Create Google Cloud Project
00:10:22 3 Complete Frontend
00:13:21 4 Create Backend Express Server
00:18:34 5 Publish on Heroku

🔥 Join Pro Membership And Get Access To Complete Courses:
3. MERN Stack ECommerce Like Amazon
4. TypeScript MERN Stack ECommerce Like Amazon
5. Vanilla JS ECommerce Like Amazon

👉 Join Pro Membership Link:
by Clicking On This Link
---
Follow me on:

[dkarya]

Thank you so much for this easy yet insightful tutorial.

[jeainnykim]

best tutorial - learned a lot, thank you!

[ljubisaknezevic]

Dependency react-google-login has last commit on master on January of 2021. 150+ open issues. Kinda sus ngl

[shabeerahamed]

react-google-login is broken dependency, no longer advised to follow this tutorial

[cbatcoke]

hello from jp. Thank you for your awesome video. Very helpful for me !

[shubhrasrivastava]

Can you please help me understand why do we need this react-google-login? What does it offer other than what the button div code suggested by Google on their portal?

[Lindaine]

Very nice and simple tutorial!! How about if I want to make subsequent request to the server as the logged in user? I looked at other tutorials that after upsert, we assign a jwt token and use that as a way to authorize other request. Is that the correct way?

[emanhassan]

Hi, I tried the tutorial, but it doesn't do anything after the choosing the account from the signin popup window. Can you tell me why is this happening? I also tried your code from github but still it doesn't display the email or the logout button.

[chetanl]

Thank you so much for this wonderful tutorial sir, could you please share/make a tutorial on how to redirect to another after successfull login

[jayantjayant]

Thank you for the tutorial. I am not able to understand why are we creating the backend here. We are getting the user data (name, email and profile image) from 'login with google' button itself. If anyone can explain it to me, I would be really thankful.

[sumitprajapati]

You said only the users added as testers in Google platform can login .
What about other users in general?

[namratadas]

Hi Basir,
Login failed {error: 'popup_closed_by_user'}
can u hlp me with above error?

[m-friend]

What is this error comes from?
Error: ENOENT: no such file or directory, stat

[sultanmakhmudbazarbayev]

Goog day! I have a question: I added clientId correctly, checked everything hundred times, code is exactly the same, but google button doesn't respond and console says that clientId is missing, can't figure out the actual problem. Can anyone help?

[bhaidar]

Hi Basir, how about after signing the user, we want to query for instance Google Calendar API on a subsequent request? We should request the token on every request and then verify the token again, then access calendar API?

[toxolarant]

Hi, thanks for the tutorial. One question : Where should we add scopes for authorization? thank you.

[Liam]

Very nice and simple tutorial !! How to logout ??

[adwaithks]

is google sign-in free for use in production?

[mooketsimotlhagodi]

keep getting this error when I try to test the button by console logging the response. Plese help Mosh

[raba]

Google sign in is migrating to use a different implementation and packages like react-google-login are affected by their deprecating implementation.