참고한 링크
1. Vercel로 로그인
깃허브 로그인밖에 없지만 로그인한다면 깃허브에 있는 프로젝트들을 가져올 수 있으니 배포하려는 프로젝트를 깃허브에 올려두는 것을 추천합니다
2. git repo에서 배포하려는 프로젝트 가져오기
로그인한 ID 저장소에서 프로젝트를 가져오면 되고 만약 본인의 저장소에 프로젝트가 없다면 하단에 있는 써드파티 깃으로 불러오면 됩니다 불러오면 저렇게 표시되게 됩니다
3. 배포하려는 프로젝트 세팅하기
기본적인 프로젝트 이름과 프레임워크를 설정하게 되면 체크해봐야 할 것들이 있습니다
- Root Directory의 경우 현재 배포하려는 프로젝트의 폴더구조에 클라이언트와 서버가 같이 저장되어 있다면 설정해야하지만 기본적으로 클라이언트 프로젝트만 배포하려는 경우에는 크게 필요 없습니다
- Build and Ouput Settings의 경우 CRA 등으로 기본적인 프로젝트들을 install 했다면 크게 필요하진 않습니다. npm run 등 실행시킬 때 어떤 명령어로 실행시켜야 하는지 설정하는 듯
- Environment variables의 경우 프로젝트의 로컬변수
.env.env.local폴더가 있다면 아래 변수값을 설정해주면 됩니다
이후 설정을 다 마치게 됐다면 Deploy를 누르면 됩니다
4. Deploy
설정이 다 끝나게 되면 배포된 것을 확인할 수 있습니다
5. 자동화 배포 설정
자동화 배포도 현재 사용해본 결과 메인 브랜치에 커밋하면 자동으로 빌드되어 배포 중인 것으로 확인하였고 추가적인 설정은 딱히 필요하지 않은 것으로 확인하였습니다.
대신 무료 배포일 경우 하루에 빌드 횟수를 제한하고 있기 때문에 만약 프로젝트를 계속 수정중이라면 추가적으로 확인해볼 필요가 있다고 생각됩니다.