Why is nextauth unable to get my NEXTAUTH_URL from .env?

[nicolasguasca1]

Question 💬

I keep getting the NEXTAUTH_URL warning eventhough Im not on a deployment (Im in local dev server) and the value is set up on my .env file. Also, after trying to get the resource (api/auth/[...netxauth].ts I get the redirect_uri mismatch error that comes from github eventhough I have the exact same value on NEXTAUTH_URL and in my Github app Callback url field.

How to reproduce ☕️

[...nextauth].ts file:

import GitHubProvider from "next-auth/providers/github";
import { PrismaAdapter } from "@next-auth/prisma-adapter";
import prisma from "@/lib/prisma";

import type { NextAuthOptions } from "next-auth";

if (!process.env.GITHUB_ID || !process.env.GITHUB_SECRET)
  throw new Error("Failed to initialize Github authentication");

export const authOptions = {
  providers: [
    GitHubProvider({
      clientId: process.env.GITHUB_ID,
      clientSecret: process.env.GITHUB_SECRET,
      profile(profile) {
        return {
          id: profile.id.toString(),
          name: profile.name || profile.login,
          gh_username: profile.login,
          email: profile.email,
          image: profile.avatar_url
        };
      }
    })
  ],
  secret: process.env.SECRET,
  pages: {
    signIn: `/login`,
    verifyRequest: `/login`,
    error: "/login" // Error code passed in query string as ?error=
  },
  adapter: PrismaAdapter(prisma),
  callbacks: {
    session: ({ session, user }) => ({
      ...session,
      user: {
        ...session.user,
        id: user.id,
        username: user.username
      }
    })
  }
} as NextAuthOptions;

export default NextAuth(authOptions);

Contributing 🙌🏽

Yes, I am willing to help answer this question in a PR