Login with Google — Ship Fast ⚡️
Setup
- Create a new project on Google Cloud
- Go to APIs & Services then Credentials
- Click [Configure Consent Screen]
- Fill info. Use the ChatGPT prompt in pages /tos & /privacy-policy to generate yours automatically.
Add userinfo.email & userinfo.profile to scope.
Add yourself as a test user.
Submit. - Go to Credentials and click [+ Create Credentials] then [Oauth Client ID]
- Choose [Web Application].
Add http://localhost:3000 and https://your-site.com to Authorized JavaScript origins.
Add http://localhost:3000/api/auth/callback/google and https://your-site.com/api/auth/callback/google to Authorized redirect URIs.
Click [Create] - Copy paste the Client ID (GOOGLE_ID) and Client Secret (GOOGLE_SECRET) to .env.local.
- Go to [Oauth Consent Screen] and click [Publish App] then submit for verification
Google will email you and you will have to reply to start the process. You'll need to have your domain verified with Google Search Console. You can go ahead and do that now.
You can already login with Google on localhost. On production, it will work too but show a warning until you're verified (takes a few days).