Vercel 로 앱 배포하기

Vercel의 특징 중 하나는, GitHub와 같은 코드베이스(저장소)를 연결하여, 즉시 빌드를 실행하고, 배포까지 원클릭으로 할 수 있다는 점이 특징이다. 실제로 배포는 Vercel 서비스 내에서 이루어진다.

그럼 시작해보자.

우선 vercel에 로그인을 한다.(github로 로그인 연동 가능)

로그인을 하면 Add GitHub Org or Account 를 클릭해서 내 GitHub 계정을 연결해준다.

내 계정과 연동이 끝나면 아래와 같이 Import Git Repository 화면을 볼 수 있을 것이다. 내 레포지토리 목록이 뜬다. 그럼 배포하고 싶은 레포지토리에 Import를 클릭한다.

프로젝트를 배포하려고 한다. PROJECT NAME은 원하는 대로 설정하고, FRAMEWORK PRESET은 create react app을 사용해서 만든 프로젝트이기 때문에 저것을 선택한다.

그리고 ROOT DIRECTORY는 src파일이 있는 바로 상위 폴더를 선택해준다.

그 다음 Build and Output Settings에서 OVERRIDE를 아무것도 열지않고 기본값이 실행되도록 해서 Deploy를 시작한다.

완료!