Vercel로 프론트엔드 배포하기

개인 프로젝트의 MVP 모델 개발을 완료하고,

이제 배포를 할 단계가 되었다.

 

원래 AWS를 사용하여 배포하려고 했었다.

학교 전공수업에서 AWS 수업을 듣고 있어 어느정도 친숙한 느낌이 있었기 때문이다.

 

그러다 스레드를 통해 Vercel 이라는 플랫폼을 알게되었고,

간편하게 무료로 배포할 수 있어서 Vercel을 선택하였다.

 

Vercel이란?

Next.js 개발사에서 만든 플랫폼으로 쉽게 배포를 할 수 있는게 가장 큰 특징이다.

깃허브와 연동하여 코드 변경이 일어날 경우 자동으로 빌드부터 배포까지 진행된다.

 

 

배포 방법

 

1. vercel 홈페이지에 접속해 계정을 생성한다.

https://vercel.com/home

Vercel: Build and deploy the best web experiences with the Frontend Cloud – Vercel

 

2. 우측 상단의 Add New 에서 Project를 선택한다.

 

3. 깃허브와 연동하여 배포할 레포지토리를 선택한다.

4. Project Name을 설정한다. 여기서 설정한 이름은 홈페이지의 도메인으로 사용된다.

ex) test.vercel.app

 

5. .env 파일을 사용하거나 환경변수가 있다면, Environment Variables 탭에서 설정해준다.

 

6. deploy 버튼을 누르면 배포가 완료된다!

 

 

http://moonjero.com

문제로 - AI 기반 학습 도우미

이 사이트는 내가 배포한 사이트이다.

추후에 vercel을 사용한 백엔드 배포, 도메인 연결 등에 대해서도 포스팅을 하겠다.