Completely Blank Site

[joelucky39]

Before opening, please confirm:

• I have checked to see if my question is addressed in the FAQ.
• I have searched for duplicate or closed issues.
• I have read the guide for submitting bug reports.
• I have done my best to include a minimal, self-contained set of instructions for consistently reproducing the issue.
• I have removed any sensitive information from my code snippets and submission.

App Id

d2ep79ifpnoq7t

AWS Region

us-east-1

Amplify Hosting feature

Frontend builds

Describe the bug

Using the provided link in the app https://main.d2ep79ifpnoq7t.amplifyapp.com nothing but a blank page loads.

All pages (routes) are blank. It's not exclusive to one page or the other. It's a complete fail.

I am only using the default URL provided by Amplify ( https://main.d2ep79ifpnoq7t.amplifyapp.com ). I want to point my DNS to the app but I'm not going to do it until I know if I have to use a different hosting service.

During build I received an error that I had to set images to unoptimized: true in next.config.js

I also had to set my build to next build instead of next build && next export. Because with that build setting pages with getServerSideProps could not be exported.

These are the build settings I am using.

version: 1
frontend:
phases:
preBuild:
commands: - npm ci
build:
commands: - npm run build
artifacts:
baseDirectory: .next
files: - '/*'
cache:
paths: - node_modules//*

Expected behavior

I expect to see the same site I see when I run next start locally.

Reproduction steps

Visit https://main.d2ep79ifpnoq7t.amplifyapp.com

Build Settings

version: 1frontend:  phases:    preBuild:      commands:        - npm ci    build:      commands:        - npm run build  artifacts:    baseDirectory: .next    files:      - '**/*'  cache:    paths:      - node_modules/**/*

Log output

# Put your logs below this line

Additional information

No response

[joelucky39]

It works fine in Vercel ( https://hydra-headless-23cqoo6de-joelucky39.vercel.app ). I believe it's an issue with the way Amplify uses environment variables ( or can't use them ).

[SamKomesarook]

#3436 I am also getting this issue

[SamKomesarook]

As per #3428, a Next upgrade should fix this.

[ghost]

Hi @joelucky39 👋🏽 What version of Next.js are you using?

If you are using version 12 or later please try running the following AWS CLI commands:

Update the application's platform:
aws amplify update-app --app-id <APP_ID> --platform WEB_COMPUTE --region <REGION>

Update the branch framework:
aws amplify update-branch --app-id <APP_ID> --branch-name <BRANCH_NAME> --framework 'Next.js - SSR' --region <REGION>

[github-actions]

This issue has not received a response in a while. If you want to keep this issue open, please leave a comment below and auto-close will be canceled.

[joelucky39]

I'm using version 13. I'll update the platform and let you know. Thanks for your help.

[joelucky39]

When I run the first command I get, "Unable to locate credentials. You can configure credentials by running "aws configure"

I'll just stick with Vercel. Thanks.

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.