NextAuth is redirecting me to localhost:3000 after deploying to amplify

[mattmanik]

I don't know what went wrong in my deployment. If I do deploy in Vercel the app works fine. But on AWS it is redirecting me to localhost:3000.

I went through similar discussions and applied some suggestions I saw there. Still it is not working as expected.

This is my build file.

version: 1
frontend:
  phases:
    preBuild:
      commands:
        - npm ci
    build:
      commands:
        - npm run build
        - echo "NEXTAUTH_URL=$NEXTAUTH_URL" >> .env

  artifacts:
    baseDirectory: .next
    files:
      - "**/*"
  cache:
    paths:
      - node_modules/**/*

Also have added my environment variables in Amplify console. The variable name is NEXTAUTH_URL

[emimaricic]

Hello, I know it's been a while but I have the same problem right now, did you manage to fix it?

[mattmanik]

Hello, It's fixed after adding NEXT_PUBLIC in my prefix. In AWS, Please make sure you add this env in your yaml file settings and environment variables. Good luck !

[aphavichitr]

@emimaricic @emimaricic i'm encountering the same issue, did you guys ever find a solution?

[mattmanik]

@aphavichitr Make sure you add NEXT_PUBLIC in prefix of your env variables

[aphavichitr]

Adding the NEXT_PUBLIC prefix didn't work for me, what did work is putting the echo "NEXTAUTH_URL=$NEXTAUTH_URL" >> .env in the build file, but you need to put it before the npm run build or at least that's how it worked for me. I followed this thread

[dertin]

build:
  commands:
    - npm install
    - env | grep -e NEXTAUTH_URL >> .env.production
    - npm run build