AWS Amplify CI/CD 자동 배포 정리

최근 프로젝트를 하면서 vercel로 CI/CD로 작업을 하고 팀 레포를 사용하다보니 유료로 사용했었다.

머니브릿지 프로젝트는 실제 서비스가 진행되는 프로젝트다보니 기업과 의논후 AWS로 배포를 옮기는 과정에서

Amplify를 사용하여 배포를 하기로 최종 결정하였다.

 

Amplify를 사용한 이유는 Next.js로 작업을 진행했고, github와 연동 후 빌드, 배포 과정을 통해서 SSR적용이 가능하기 때문이다.

 

vercel로도 CI/CD를 사용해봤지만 Amplify도 사용법이 그렇게 어렵지 않다.

github Action을 사용해서 ec2에 배포하는거에 비하면 정말 쉬웠다!

 

- 우선 웹 앱 호스팅을 누르고 GitHub를 선택해서 계속을 진행한다.

- 다른 레포를 사용중이라면 다른것으로 하면 된다.

 

- 나는 먼저 github를 연결해놓아서 권한 부여가 완료되었다고 뜨지만 처음에 권한부여를 진행해야한다.

 

- github 권한부여는 깃허브 설정에 들어가서 Applications에서 확인할 수 있으니 확인해보자!

 

 

- 권한 설정을 했으면 브랜치를 설정하고 다음 빌드설정을 확인할 수 있는데 설정 빌드 및 테스트에서 artifacts에 baseDirectory의 값이 .next로 되어있는지 확인하여야한다고 한다!

- 그리고 고급설정해서 환경변수를 추가할 수 있다. 지금하지 않아도 빌드 후 추가하거나 수정이 가능하다.

 

 

- 그리고 세부 정보와 설정 값들을 확인하고 저장 및 배포를 하면 끝...! 이제 연결된 repo에 push를 할때마다 자동으로 CI/CD가 가능해진다. vercel과 다른점은 merge전 pr을 보낸 후 미리 확인할 수 있지만 Amplify같은 경우에는 불가능했다. 그게 조금 아쉬운점..! 

 

 

 

- 환경변수 또는 도메인관리 등등을 따로 앱 설정에서 확인할 수 있으니 참고해보자!

- AWS로 배포하는 방법들은 귀찮기도 하고 복잡하게만 생각했었다. EC2나 elastic beanstalk으로 배포를 했을때 너무 힘들었던 기억이 있었는데 이번에 Ampllify로 배포를 해보니깐 정말 편하게 가능했다!