Step by step guide to create OAuth Credentials in the google developer console

This short walkthrough is part of the post Strapi authentication via Google Provider with React and describes how to create a Client ID and Secret for OAuth authentication via Google.

We need to head over to console.developers.google.com.

and create a new project

On the credentials screen of our new project we are promted to Configure Consent Screen, we need to do this before we can create our credentials:

Set the OAuth Screen as External (if you want it to be used by external users).

And Configure the OAuth Consent Screen:

Now we can finally create the credentials.

In the Menu choose _ OAuth Client ID_ and an application type of Web Application.

On the final screen it is important to set the correct redirect URI: http://localhost:1337/connect/google/callback.

<!--  -->

And we will finally receive our credentials. Save the Client ID and the Client Secret somewhere.

<!--  -->