NextJS Auth with Middleware Not Working on Production

Help
1

I have a NextJS app using middleware for login (Google and Facebook for now) and it works great locally. When I deploy on Vercel I can never get the social logins to trigger. When someone clicks on the login button it just refreshes the current page. I added a bunch of logging information and it could be related to cookies? My auth options look like this:

cookies: {
    sessionToken: {
      name: process.env.NODE_ENV === 'production' 
      ? '__Host-next-auth.csrf-token'
      : 'next-auth.session-token', // Local use
      options: {
        httpOnly: true,
        sameSite: "lax",
        path: "/",
        secure: process.env.NODE_ENV === "production",
      },
    },
  },
  pages: {
    signIn: '/auth/signin', 
  },

I used to only have next-auth.session-token as the cookie to check, either way doesn’t work though. See anything I’m doing wrong? This has been a problem for over a week and I can’t find any answers googling. Hard to test when locally it’s fine. I added my full domain name to the google auth redirecturl. But it fails the same on both facebook and google. Previously I didn’t set the signin custom page. So that also is unrelated to the issue. I see 3 cookies being set in the Network Storage > Cookies tab: __Host-next-auth.csrf-token, __Secure-next-auth.callback-url, and next-auth.session-token.

2

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.