[Next.js] Vercel 이란? / 사용법

Vercel 이란?

Next.js 개발팀에서 만든 프론트엔드 호스팅 사이트

Dashboard – Vercel

 

Vercel의 필요성 ( 프론트 엔드 호스팅 )

데이터를 저장할 필요가 없는 사이트를

복잡한 절차 없이 간편하게 호스팅 할 수 있다.

 

 

---

Vercel 사용법 ( Github 프로젝트 이용 )

 

Github Repository만들기

빈 레포지토리를 만들어줍니다.

 

컴퓨터에 Next.js 프로젝트 만들기 ( Typescript )

 

프로젝트 폴더로 이동후, Repository에 업로드하기

빈 Github Repository 페이지의 명령어를 복붙하자

 

Github Repository에 로컬저장소가 업로드 된 모습

 

Vercel 에서 Github Repository 불러오기 ( Vercel , Github 연동 필요 )

배포하기

배포 설정 ( 생략 가능 )

 

배포중..

배포완료!

 

배포된 사이트 주소 확인

DOMAINS 주소로 접속해, 우리 프로젝트를 확인하자!

 

Vercel과 Github 연동시 장점

Github에 수정 사항을 push 할때마다,

Vercel이 이를 자동으로 감지하고, Build 하여, 배포까지 해준다!