Authentification
How to config the authentification.
After upgrade Auth.js to v5: NEXTAUTH_URL
has removed from .env
file. Same
thing in production.
Update auth_secret variable
The only environment variable that is mandatory is the AUTH_SECRET
. This is a random value used by the library to encrypt tokens and email verification hashes. You can generate one via running:
npx auth secret
Alternatively, you can use the openssl
CLI, openssl rand -base64 33
.
Or this link for generate a random secret key.
Then add it to your .env
file:
AUTH_SECRET = secret;
Update google client variables
In this section, we will create Google oauth project & update client id & secret for Google login to work:
Follow this Guide if you are new to this: https://support.google.com/cloud/answer/6158849?hl=en
- Go to Google cloud console, Create a new project or Select any existing project;
- Go to APIs & services > New Credentials > Create OAuth client ID
- Fill in details for oauth screen to generate client id & secret.
callback url: [origin]/api/auth/callback/google
Google config example screenshot:

Once created, save the client id & secret in your .env
file
GOOGLE_CLIENT_ID = your_secret_client_id.apps.googleusercontent.com;
GOOGLE_CLIENT_SECRET = your_secret_client;
Video explanation
Watch a youtube video from CodeWithAntonio on how to configure the environment variables for NextAuth with Google authentication.