1. 개요
예전에 Vercel을 통해 배포한 페이지에 수정 사항이 생겨 수정한 뒤 GitHub로 push를 했다.
Vercel과 GitHub repo를 연결해두어서 GitHub main branch에 새로운 commit이 올라오면 자동으로 Vercel로 배포가 되어야 하는데 이상하게도 Vercel에서 수정사항이 자동으로 배포되지 않았다.
문제 해결을 위해 GitHub repo 재연결, Vercel project 재배포 등 여러가지 방법을 시도해보았으나 새 commit은 배포되지 않아 결국 Vercel CLI로 배포를 진행했다.
Vercel CLI를 통해 한번 배포를 진행하니 이후 GitHub commit이 추가될 때 Vercel이 자동으로 다시 인식하기 시작했다.
아무래도 일정 기간 이상 수정이 발생하지 않아 발생한 이슈로 추정된다.
이번 포스트에서는 문제를 해결한 방법인 Vercel CLI를 이용한 배포 방법을 정리했다.
2. Vercel CLI 설치 및 로그인
아래 명령어를 통해 Vercel CLI를 설치한다.
// install vercle cli
npm i -g vercel
// login to vercel
vercel login
로그인시 GitHub, Email등 여러가지 옵션이 나온다.
그중 Vercel에 로그인했던 방법을 이용해 로그인을 진행했다.
Vercel CLI가 정상적으로 설치되었는지는 version확인을 통해 알 수 있다.
3. Vercel CLI build, Vercel CLI release
아래 명령어를 통해 프로젝트를 빌드할 수 있다.
vercel build
빌드가 정상적으로 완료되면 .vercel폴더가 생성된다.
이후 아래 명령어를 통해 Vercel preview 환경에 배포할 수 있다.
vercel deploy --prebuilt
이후 아래 명령어를 통해 production 환경에 배포할 수 있다.
vercel --prod
4. 참고자료
Vercel CLI Overview
Learn how to use the Vercel command-line interface (CLI) to manage and configure your Vercel Projects from the command line.
vercel.com
'프론트엔드' 카테고리의 다른 글
[React] 드래그 앤 드랍 라이브러리(react-dropzone) (0) | 2024.11.26 |
---|---|
[TIP] 더미 이미지 URL이 필요할 때 (0) | 2024.11.25 |
[React Native] React Native는 더이상 bridge방식을 이용하지 않는다. (2) | 2024.11.23 |
[React Native] SVG아이콘 사용하기, 수정하기 (0) | 2024.11.22 |
[Typescript] Enum보단 Literal Types를 사용하자! (0) | 2024.11.21 |