vercel로 프론트 배포하기

vercel?

https://cocobi.tistory.com/105

[Next.js] Vercel로 프론트 배포하기

Vercel 은 Next.js 에서 제공하는 배포플랫폼으로 [빌드 + 배포 + 호스팅] 서비스를 제공해준다.

1. github repository 생성

2. 프로젝트 생성

> npx create-react-app my-app --template typescrip

위의 명령어로 설치안되는 경우 먼저 yarn add create-react-app 또는 npm install create-react-app 입력한다.

3. 해당 프로젝트를 git 레포지토리와 연동하여 준다.

4. vercel 사이트 접속

5. 회원가입 되었음을 가정한다.

6. new Project를 클릭한다.

7. 배포하려는 레포지토리 선택 후 import 를 클릭한다.

8. 해당 프로젝트 배포를 위한 구성 설정을 아래와 같이 한 후 deplay를 클릭한다.

이후에 기다리면 배포가 완료된다. 시간이 조금 소요된다.