Skip to content

A simple auth webapp to try out Google OAuth and Gatsby Framework using react-google-login library

Notifications You must be signed in to change notification settings

AsterinGray/Gatsby-Simple-Google-Auth

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Gatsby

🚀 Quick start

  1. Clone this repository to your local.
  2. Copy .env.example content and create .env.development in root directory then paste it.
  3. Change the GOOGLE_CLIENT_ID with your Google OAuth 2.0 Client ID.
  4. To run this application, run npm run develop in your terminal.

For Gatsby first timer, you need to install Gatsby globally to your local by running

npm install -g gatsby-cli

How to get Google OAuth 2.0 Client ID

To get the Client ID for Google OAuth, go to this page

If you are a first timer, you will be asked to create a Project and OAuth Consent Page

After create project:

  1. Go to Credential menu.
  2. In the OAuth 2.0 Client IDs section, create a new credential.
  3. When creating the credential you will asked to input:
    • Credential Name
    • Authorized JavaScript Origins: an URI where this Credential will be use. example if we want to run it on development localhost:8000 we need to add http://localhost:8000 and http://localhost.
    • Authorized redirect URIs: an URI where we approved the page to redirect.
  4. Then copy the Client ID from created credential

How to get Google OAuth 2.0 Client ID

Go to this page and choose the OAuth Consent Screen, then you will be asked to fill:

  • Your App Name
  • User Support Email
  • Your App Logo
  • Link to your homepage
  • Link to your privacy policy
  • Link to your term of service

About

A simple auth webapp to try out Google OAuth and Gatsby Framework using react-google-login library

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published