Share
Sign In
Next Amplify SSR hosing Error & 세팅 가이드
아래의 문서는 2023.12.18 기준으로 작성되었습니다.
누비랩에서 Amplify를 사용할 때, 겪었던 문제입니다.
누비랩에서 Amplify를 사용할 때, 겪었던 문제입니다.
next.js를 배포 할 때, (git 레포 파일로) amplify에서 자동으로 nextjs임을 감지합니다.
하지만 amplify에서 정확하게 next임을 인지하지 못한 경우 aws cli로 설정해야합니다.
AWS cli 설치
shell이 aws cli 스크립트를 실행할 수 있는지 확인하는 방법
그럼에도 에러가 발생한 경우 아래의 옵션중에 해당사항이 있는지 확인합니다.
권한 부족
운영 체제 PATH가 업데이트되지 않음
~ 에 있는 .bash_profile에 아래의 path를 수정합니다. 사용자의 따라 ~/.zshrc 일 수 있습니다.
그후 터미널 재실행 or 현재 세션에 bash 프로파일을 업데이트 합니다.
AWS cli 실행
aws cli 인증
아래의 명령어를 통해 aws cli에 credential 를 업데이트 합니다.
순서대로 발급한 aws_access_key_id, aws_secret_access_key를 입력합니다.
(발급 방법은 @Anonymous 님께 물어보기)
(발급 방법은 @Anonymous 님께 물어보기)
region은 ap-southeast-2이고 default 포맷은 입력을 생략합니다.
설정을 성공하였다면 ~/.aws/credentials 파일에서 아래와 같이 볼 수 있습니다.
Amplify 플랫폼 변경
next 11 버전에서 SSR 플랫폼 세팅
next 12 이상의 버전에서 SSR 플랫폼 세팅
next SSG 에서 플랫폼 세팅
또한 SSG 세팅은 추가로 package.json 에서 build 후 export 해야합니다.
또한 build yml을 수정합니다.
빌드 설정
Next & Node version
빌드설정 > Build image settings > 수정 버튼 클릭
빌드 이미지 : linux 2023
Node version : 18.17 이상
Next version : 프로젝트의 Next version
모노레포
App Root 세팅
아래의 structure 의 경우
1.
amplify 환경변수로 AMPLIFY_MONOREPO_APP_ROOT = apps/nextApp1 을 세팅합니다.
2.
build yml을 수정합니다
3.
예제
예제 코드
다음은 모노레포에서 환경변수를 설정하는 방법입니다. 공식문서
아래의 문서는 2023.12.18 기준으로 작성되었습니다.
누비랩에서 Amplify를 사용할 때, 겪었던 문제입니다.
누비랩에서 Amplify를 사용할 때, 겪었던 문제입니다.
next.js를 배포 할 때, (git 레포 파일로) amplify에서 자동으로 nextjs임을 감지합니다.
하지만 amplify에서 정확하게 next임을 인지하지 못한 경우 aws cli로 설정해야합니다.
AWS cli 설치
shell이 aws cli 스크립트를 실행할 수 있는지 확인하는 방법
그럼에도 에러가 발생한 경우 아래의 옵션중에 해당사항이 있는지 확인합니다.
권한 부족
운영 체제 PATH가 업데이트되지 않음
~ 에 있는 .bash_profile에 아래의 path를 수정합니다. 사용자의 따라 ~/.zshrc 일 수 있습니다.
그후 터미널 재실행 or 현재 세션에 bash 프로파일을 업데이트 합니다.
AWS cli 실행
aws cli 인증
아래의 명령어를 통해 aws cli에 credential 를 업데이트 합니다.
순서대로 발급한 aws_access_key_id, aws_secret_access_key를 입력합니다.
(발급 방법은 @Anonymous 님께 물어보기)
(발급 방법은 @Anonymous 님께 물어보기)
region은 ap-southeast-2이고 default 포맷은 입력을 생략합니다.
설정을 성공하였다면 ~/.aws/credentials 파일에서 아래와 같이 볼 수 있습니다.
Amplify 플랫폼 변경
next 11 버전에서 SSR 플랫폼 세팅
next 12 이상의 버전에서 SSR 플랫폼 세팅
next SSG 에서 플랫폼 세팅
또한 SSG 세팅은 추가로 package.json 에서 build 후 export 해야합니다.
또한 build yml을 수정합니다.
빌드 설정
Next & Node version
빌드설정 > Build image settings > 수정 버튼 클릭
빌드 이미지 : linux 2023
Node version : 18.17 이상
Next version : 프로젝트의 Next version
모노레포
App Root 세팅
아래의 structure 의 경우
1.
amplify 환경변수로 AMPLIFY_MONOREPO_APP_ROOT = apps/nextApp1 을 세팅합니다.
2.
build yml을 수정합니다
3.
예제
예제 코드
다음은 모노레포에서 환경변수를 설정하는 방법입니다. 공식문서
아래의 문서는 2023.12.18 기준으로 작성되었습니다.
누비랩에서 Amplify를 사용할 때, 겪었던 문제입니다.
누비랩에서 Amplify를 사용할 때, 겪었던 문제입니다.
next.js를 배포 할 때, (git 레포 파일로) amplify에서 자동으로 nextjs임을 감지합니다.
하지만 amplify에서 정확하게 next임을 인지하지 못한 경우 aws cli로 설정해야합니다.
AWS cli 설치
shell이 aws cli 스크립트를 실행할 수 있는지 확인하는 방법
그럼에도 에러가 발생한 경우 아래의 옵션중에 해당사항이 있는지 확인합니다.
권한 부족
운영 체제 PATH가 업데이트되지 않음
~ 에 있는 .bash_profile에 아래의 path를 수정합니다. 사용자의 따라 ~/.zshrc 일 수 있습니다.
그후 터미널 재실행 or 현재 세션에 bash 프로파일을 업데이트 합니다.
AWS cli 실행
aws cli 인증
아래의 명령어를 통해 aws cli에 credential 를 업데이트 합니다.
순서대로 발급한 aws_access_key_id, aws_secret_access_key를 입력합니다.
(발급 방법은 @Anonymous 님께 물어보기)
(발급 방법은 @Anonymous 님께 물어보기)
region은 ap-southeast-2이고 default 포맷은 입력을 생략합니다.
설정을 성공하였다면 ~/.aws/credentials 파일에서 아래와 같이 볼 수 있습니다.
Amplify 플랫폼 변경
next 11 버전에서 SSR 플랫폼 세팅
next 12 이상의 버전에서 SSR 플랫폼 세팅
next SSG 에서 플랫폼 세팅
또한 SSG 세팅은 추가로 package.json 에서 build 후 export 해야합니다.
또한 build yml을 수정합니다.
빌드 설정
Next & Node version
빌드설정 > Build image settings > 수정 버튼 클릭
빌드 이미지 : linux 2023
Node version : 18.17 이상
Next version : 프로젝트의 Next version
모노레포
App Root 세팅
아래의 structure 의 경우
1.
amplify 환경변수로 AMPLIFY_MONOREPO_APP_ROOT = apps/nextApp1 을 세팅합니다.
2.
build yml을 수정합니다
3.
예제
예제 코드
다음은 모노레포에서 환경변수를 설정하는 방법입니다. 공식문서
아래의 문서는 2023.12.18 기준으로 작성되었습니다.
누비랩에서 Amplify를 사용할 때, 겪었던 문제입니다.
누비랩에서 Amplify를 사용할 때, 겪었던 문제입니다.
next.js를 배포 할 때, (git 레포 파일로) amplify에서 자동으로 nextjs임을 감지합니다.
하지만 amplify에서 정확하게 next임을 인지하지 못한 경우 aws cli로 설정해야합니다.
AWS cli 설치
shell이 aws cli 스크립트를 실행할 수 있는지 확인하는 방법
그럼에도 에러가 발생한 경우 아래의 옵션중에 해당사항이 있는지 확인합니다.
권한 부족
운영 체제 PATH가 업데이트되지 않음
~ 에 있는 .bash_profile에 아래의 path를 수정합니다. 사용자의 따라 ~/.zshrc 일 수 있습니다.
그후 터미널 재실행 or 현재 세션에 bash 프로파일을 업데이트 합니다.
AWS cli 실행
aws cli 인증
아래의 명령어를 통해 aws cli에 credential 를 업데이트 합니다.
순서대로 발급한 aws_access_key_id, aws_secret_access_key를 입력합니다.
(발급 방법은 @Anonymous 님께 물어보기)
(발급 방법은 @Anonymous 님께 물어보기)
region은 ap-southeast-2이고 default 포맷은 입력을 생략합니다.
설정을 성공하였다면 ~/.aws/credentials 파일에서 아래와 같이 볼 수 있습니다.
Amplify 플랫폼 변경
next 11 버전에서 SSR 플랫폼 세팅
next 12 이상의 버전에서 SSR 플랫폼 세팅
next SSG 에서 플랫폼 세팅
또한 SSG 세팅은 추가로 package.json 에서 build 후 export 해야합니다.
또한 build yml을 수정합니다.
빌드 설정
Next & Node version
빌드설정 > Build image settings > 수정 버튼 클릭
빌드 이미지 : linux 2023
Node version : 18.17 이상
Next version : 프로젝트의 Next version
모노레포
App Root 세팅
아래의 structure 의 경우
1.
amplify 환경변수로 AMPLIFY_MONOREPO_APP_ROOT = apps/nextApp1 을 세팅합니다.
2.
build yml을 수정합니다
3.
예제
예제 코드
다음은 모노레포에서 환경변수를 설정하는 방법입니다. 공식문서
아래의 문서는 2023.12.18 기준으로 작성되었습니다.
누비랩에서 Amplify를 사용할 때, 겪었던 문제입니다.
누비랩에서 Amplify를 사용할 때, 겪었던 문제입니다.
next.js를 배포 할 때, (git 레포 파일로) amplify에서 자동으로 nextjs임을 감지합니다.
하지만 amplify에서 정확하게 next임을 인지하지 못한 경우 aws cli로 설정해야합니다.
AWS cli 설치
shell이 aws cli 스크립트를 실행할 수 있는지 확인하는 방법
그럼에도 에러가 발생한 경우 아래의 옵션중에 해당사항이 있는지 확인합니다.
권한 부족
운영 체제 PATH가 업데이트되지 않음
~ 에 있는 .bash_profile에 아래의 path를 수정합니다. 사용자의 따라 ~/.zshrc 일 수 있습니다.
그후 터미널 재실행 or 현재 세션에 bash 프로파일을 업데이트 합니다.
AWS cli 실행
aws cli 인증
아래의 명령어를 통해 aws cli에 credential 를 업데이트 합니다.
순서대로 발급한 aws_access_key_id, aws_secret_access_key를 입력합니다.
(발급 방법은 @Anonymous 님께 물어보기)
(발급 방법은 @Anonymous 님께 물어보기)
region은 ap-southeast-2이고 default 포맷은 입력을 생략합니다.
설정을 성공하였다면 ~/.aws/credentials 파일에서 아래와 같이 볼 수 있습니다.
Amplify 플랫폼 변경