Recent Posts
Recent Comments
«   2024/07   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
Today
Total
관리 메뉴

DH의 개발 공부로그

[Vercel] Vercel로 프론트 배포하기! 본문

IT개발상식

[Vercel] Vercel로 프론트 배포하기!

DeveloperDH 2023. 3. 29. 22:00
728x90

Vercel이란?

Vercel은 Next.js 개발 팀에서 만든 프론트엔드 배포 자동화할 수 있게 빌드,배포,호스팅 서비스를 제공하는 호스팅 사이트입니다.
비슷한 서비스로는 Netlify라는 서비스가 있습니다.

Vercel로 배포하기

Vercel로 배포하는 방법은 매우 간단하고 쉽습니다.
우선 Vercel홈페이지에 접속 후 회원가입을 해야 합니다. 그리고 방법은 다음과 같습니다.

1. Vercel 회원가입, 로그인

우선 Vercel 홈페이지에 접속 후 회원가입을 해야 합니다.
회원가입을 하고 로그인하면 다음과 같은 화면이 뜬 상태입니다.


처음 가입을 한 사람은 Add Github Account로 git과 연동을 해주면 됩니다!

2. 원하는 Repository import

3. Configure Project에서 자신의 프로젝트에 맞게 수정을 해주면 됩니다.

4. Deploy하기

Deploy를 누르고 잠시 기다려주면, 빌드/배포를 자동으로 진행해 줍니다.
참고로 Github에 수정 사항을 push 할 때마다 Vercel이 이를 자동으로 감지하여 빌드/배포를 다시 해줍니다

728x90
Comments