I'm having trouble with deploying my Next.js 14 app on AWS Amplify. Everything works fine on my local machine, but when I deploy to Amplify, I receive a "Failed to load resource: the server responded with a status of 404 ()" error.

Here's what I've done so far:

Configured my Amplify project to use a custom build image with support for Next.js 14 features (amplify:al2023).

Ensured that all my routes and resource links are correct and working locally.

Checked my build settings on Amplify to make sure the base directory and artifact settings are correctly pointing to my .next folder.

Here is my amplify.yml file:

version: 1
frontend:
  phases:
    preBuild:
      commands:
        - nvm install 20
        - nvm use 20
    build:
      commands:
        - npm run build
  artifacts:
    baseDirectory: .next
    files:
      - '**/*'
  cache:
    paths:
      - node_modules/**/*
image:
  buildImage: 'amplify:al2023'

Despite this, I keep getting a 404 error when accessing the website, and I can't seem to figure out why. Has anyone else encountered this issue, or does anyone have any insights on what might be going wrong?

Any help or guidance would be greatly appreciated!