[React] Vercel 설치 및 배포 가이드

Vercel 설치 및 배포 가이드에 대해 포스팅하려구 해요

반응형

---

1. Vercel 설치

npm install -g vercel

---

 

2. Vercel 로그인

vercel login

성공적으로 로그인하면 위와 같은 화면이 나타납니다

---

3. 프로젝트 배포

배포하려는 프로젝트 디렉토리로 이동한 후 아래 명령어를 실행합니다.

vercel

배포가 성공적으로 완료되면, Vercel 대시보드에서 배포된 프로젝트를 확인할 수 있어요

Vercel 사이트에서 로그인 후 프로젝트가 추가되었는지 확인해 주세요

 

---

4. vercel Authentication 비활성화

 

1. Settings > Deployment Protection 접속

2. Vercel Authentication을 비활성화

활성화되어 있으면, URL에 접근할 때, GitHub 로그인 후 접속하라는 메시지가 나타나요

이를 방지하기 위해 비활성화로 처리해 주세요

---

5. 배포 확인

 

vercel 명령어를 입력하면, 아래 Preview 링크가 나오는데 해당 링크가 배포된 URL이에요

Vercel이 무료 플랜에서는 배포할 때마다 고유한 URL이 생성되어서 배포할 때마다 도메인이 변경되는데 참고 부탁드려요

---

이상으로 Vercel 설치 및 배포 가이드였습니다.