본문 바로가기
클라우드/vercel

Vercel을 사용하여 프론트엔드 앱 배포하기

by kimjunhee9339 2024. 5. 15.

aws와 같은 클라우드 컴퓨팅 회사로 프론트엔드 앱을 배포하기 위해 사용한다. 또한 이 회사는 Next JS를 개발한 회사이기도 하다!

vercel icon

프론트엔드앱을 배포하는 방법은 다음과 같다.

1. vercel에 가입(나는 github 연동을 위해 github로 가입했다.)

2. vercel에 프로젝트 import하기

3. 배포가 될때까지 기다리기!

 

이 후 도메인 설정과 환경 변수 설정을 따로 해주면 완벽하게 배포가 된 것이다.

환경 변수 설정을 하고 나서 꼭 redeploy해주어야 한다.

https://cloudimage.tistory.com/entry/aws-ec2%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0-1%ED%8E%B8-aws-ec2%EB%9E%80

 

aws ec2사용하기 1편-aws ec2란?

ec2(elastic compute cloud)란 아마존 웹 서비스의 서버의 컴퓨터를 빌려서 쓰는 터미널 방식의 클라우드 컴퓨팅 서비스이다. 아마존 웹 서비스의 핵심 서비스라고 할 수 있다. 컴퓨터를 연결해서 쓰는

blog.cloud-image.net

여기서는 터미널에 일일이 입력해주고 복잡했는데 다 알아서 해주니 편리하다.

이 후 github기준으로 main branch에다가 push만 해주면 자동으로 수정된 사항을 포함하여 배포해준다.

참고로 vercel을 사용할때 너무 많은 커밋을 하면 vercel이 어느 순간부터 커밋을 안해준다. 그럴땐 당황하지 말고 시간이 지난뒤에 다시 시도해보자.

한편, vercel에는 유료 plan이 존재하는데, enterprise(기업 용이고 쓰는 만큼 지불하는 듯 하다.), pro(유료)와 hobby(무료)가 있다. pro trial은 체험판 느낌으로 계정을 등록하고 15일동안 하게 해주는데 필자는 hobby(무료 플랜)로도 충분한 것 같다.