Vercel로 개인 프로젝트 Github 연동해서 배포하기

 

📍 Github, Vercel 준비 

🔗 GitHub

🔗 Vercel-Login

✅ Gihhub 로그인 진행

✅ Add New... > Project 클릭

 

 

✅ Import Git Repository에서 연동할 Repository import 선택

 

 

✅ Framework Preset에서 저는 React 진행을해서 Create React App으로 선택했어요!

그 외 빌드와 환경변수 설정도 가능해요.

 

 Deploy   버튼 클릭하면 위와 같이 진행 돼요

 

✅ 배포 완료 !!

만들어진 화면이 있으면 정상적으로 나오겠지만

저는 빈 화면에 APP 텍스트만 입력된 상태라서 위와 같이 보이고 있어요. 😅

 

📍Vercel project 생성 완료

✅

Domains에 보이는 경로를 클릭하면 정상적으로 확인할 수 있어요!

Status, Created 확인할 수 있고 Source 브랜치명과 최근 작업 내용이 나오는데

클릭 시 github로 이동돼요. 🔗

 

 

✅

Devpolyment Details > Build Logs에서 배포 로그도 확인이 가능해서 

로컬에서는 정상 동작이 되나 배포시 에러나는 경우도 확인이 가능해서 확인 후 오류 수정 진행!

 

📍Settings

- 도메인, 프로젝트네임 변경도 가능하고 기타 설정을 할 수 있어요.

✅

환경 변수의 경우 .env 파일 import 하거나 필요 부분만 직접 입력할 수 있어요!

 

 

 

 

감사합니다. 😁