Skip to content

User Authentication with Google OAuth 2.0

LaunchFast uses in house simple as heck server-side first Google OAuth 2.0 to help you authenticate users via Google.

You can configure it in the src/pages/api/auth/google.ts and src/pages/api/auth/callback/google.ts file.
  1. Update the .env file or hosting provider’s environment variable to have the necessary variables for Google OAuth 2.0:
.env
# Authentication
## Obtained from Google APIs
## https://developers.google.com/identity/protocols/oauth2/web-server#prerequisites
## Google OAuth 2.0 Environment Variables
GOOGLE_AUTH_ID="....apps.googleusercontent.com"
GOOGLE_AUTH_SECRET="...-...-..."
GOOGLE_AUTH_CALLBACK_URL="http://localhost:3000/api/auth/callback/google"
  1. To simply authenticate users via Google, import the Sign-In-With-Google component in each framework as described below:
src/pages/file.astro
---
import SignInWithGoogle from '@/components/Auth/Sign-In-With-Google.astro'
---
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
</head>
<body>
<SignInWithGoogle />
</body>
</html>