Vercel CLI로 NEXT 프로젝트 배포하기

박재현·2024년 3월 29일
0

Nomadcoder React Study 4기

목록 보기
35/49

Github account가 정지당한지 3일째다.

NEXT JS로 생성한 프로젝트를 vercel을 통해서 배포해서 제출해야할 일이 생겼다.

보통은 CI/CD를 위해서 Github Repositroy를 Vercel에 Import해서 배포를 하는데 이유도 모른채 Github account가 suspended가 되어서 아~ gitlab을 새로 생성해야하나... 어쩌지 이러고 있을때에 같은 리액트 스터디를 하고 계시는 "대훈"님 께서 "Vercel CLI"도 있던데 확인해보세요! 라고 알려주셨다.

그래서 바로 찾아보고 성공적으로 배포해냈고! 까먹었을때 다시 찾아보기 위해서 적어두려고 한다.


Vercel Install

npm i -g vercel

Vercel Login

vercel login

여러가지 로그인 옵션이 나오는데 그 중에서 원하는 옵션을 선택해서 로그인 진행하면 됨.

Vercel Build

vercel build

Build가 정상적으로 완료가 되면 /.vercel 폴더가 생긴걸 확인할 수 있다.

Prebuilt

vercel --prebuilt

--prebuilt 옵션을 넣어서 미리 빌드가 되었다고 알려주고, Local에 있는 빌드된 파일을 업로드 및 preview배포 하게 된다.

Production

vercel --prod

위 명령어를 통해서 preview에 배포한것을 production에도 배포를 진행한다.

배포 확인

vercel에 로그인해서 확인해보면 정상적으로 배포가 잘 이루어진걸 확인할 수 있다.

마지막으로 내가 배포한 프로젝트


참고

profile
기술만 좋은 S급이 아니라, 태도가 좋은 A급이 되자

0개의 댓글

관련 채용 정보