프로젝트를 Vercel 배포해보기
Vercel 은 Next.js 에서 제공하는 배포 플랫폼이다.
Front Project 배포를 쉽게 배포할 수 있다.
Vercel 설치
- 단순하게 정적 호스팅만 한다면, 깃헙에 올려 놓고 버셀 연결만 하면 된다.
- 그런데 서버리스 함수를 사용한다면 로컬에서 충분히 테스팅이 가능해야하고 그때는 버셀을 설치해야한다.
$ npm i -D vercel구성 옵션 vercel.json 파일 추가
// 파일 기본 구성 빈 객체
{}테스트용 폴더 만들기
api 라는 폴더를 만들어서 파일을 생성한다.
package.json 파일
"scripts": {
"vercel": "vercel dev"
}Vercel 연결
$ npm run vercel
# Set up and develop -> Y
# 계정 선택
# 프로젝트 Y
vercel 홈페이지에 프로젝트가 생성된다.
Vercel 배포
1. 깃헙 저장소도 만들어서 push한다
2. vercel사이트에서 깃헙 저장소 연결
vercel사이트 - Overview에서 만들어진 프로젝트 클릭 - Settings - Git - GitHub연결
깃헙에 push하면 자동으로 배포된다.
깃헙 push말고 배포 테스트하고 싶을 때 배포 명령어 추가
// package.json 파일
"scripts": {
"deploy": "vercel deploy"
}$ npm run deploy
Frontend developer