feat: add Google and Microsoft OAuth authentication for login and signup - #265
feat: add Google and Microsoft OAuth authentication for login and signup#265SriTanyaG wants to merge 6 commits into
Conversation
|
@SriTanyaG is attempting to deploy a commit to the AG21's projects Team on Vercel. A member of the Team first needs to authorize it. |
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
hey, kindly update your PR by updating the yaml file so i can review it. |
|
@AditiGupta-tech I have updated the pnpm-lock.yaml file to include the new dependencies (@next-auth/mongodb-adapter). The branch is now up to date. Please let me know if any further changes are needed. |
|
Why's this error coming? |
|
The server error that shows up on the NextAuth page is happening because the authentication providers (Google and Microsoft) require environment variables to be set. For security reasons, I did not commit my .env.local file with actual keys. To help others set it up, I have now added the necessary variables to the .env.example file. Anyone running the project locally will need to copy this file into a new .env.local and fill in their own keys. I added this setup instructions in the readme. Please let me know if you would like me to share the test keys securely for easier verification, or if you prefer to use your own credentials. |
|
DM me the test keys on my LinkedIn.
Also, I would like the display to be a little better:
1. The buttons shld have some gap at the top.
2. Add icons of Google and Microsoft in the boxes.
3. Give them a subtle hover effect like other fields in the login/signup
forms have.
4. (Bonus) Add a spinner in the box so that users know that redirection is
occurring.
Rest I'll review once the keys are shared.
…On Sat, Sep 20, 2025, 3:16 PM Sri Tanya G ***@***.***> wrote:
*SriTanyaG* left a comment (AditiGupta-tech/neonest#265)
<#265 (comment)>
The server error that shows up on the NextAuth page is happening because
the authentication providers (Google and Microsoft) require environment
variables to be set. For security reasons, I did not commit my .env.local
file with actual keys.
To help others set it up, I have now added the necessary variables to the
.env.example file. Anyone running the project locally will need to copy
this file into a new .env.local. I added this setup instructions in the
readme.
Please let me know if you would like me to share the test keys securely
for easier verification, or if you prefer to use your own credentials.
—
Reply to this email directly, view it on GitHub
<#265 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/BOVXV3OIPL5QISLJV4RRHOT3TUO7LAVCNFSM6AAAAACG6HMMKCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZTGMJUHA3DCOJQHA>
.
You are receiving this because you were mentioned.Message ID:
***@***.***>
|
… icons, hover effect, and loading spinner
|
I have made the changes to the Google and Microsoft login buttons. The buttons now include spacing at the top, provider icons, a subtle hover effect consistent with the other form fields, and a loading spinner to indicate redirection. Please let me know if the implementation aligns with your expectations or if any further adjustments are needed.I will also DM you the keys on LinkedIn for testing purposes. 
|
|
I wasn’t able to message you directly on LinkedIn, so I’ve sent you an email instead with the environment variable keys for testing the Google and Microsoft authentication setup. Please check your inbox and let me know if you received it. |
2 participants
Feature: Add Google and Microsoft OAuth authentication
Description
This PR adds third-party authentication buttons using Google and Microsoft (Azure AD) on the login and signup pages. Users can now initiate OAuth flows to sign in using their existing accounts.
Changes
next-authfrontendsignIncalls for OAuth flow.Testing
Issue
Fixes #190