[React] 개인프로젝트 - 포켓몬도감 만들기(3) Vercel로 배포하기

한 번도 지금까지의 프로젝트를 직접 배포해 본 적이 없었는데 같이 공부한 수강생 분들이 배포까지 해보라며 github로 배포하는 것 보다 Vercel이 더 쉽고 간편하다고 이걸로 배포 해보라고 추천해주셨다.

1. Vercel의 특징

• 서버리스 클라우드 플랫폼으로, 자체 서버를 구성하지 않아도 플랫폼에서 제공해 주는 클라우드를 사용하여 간편하게 배포 가능
• 웹 애플리케이션의 배포 및 관리를 간소화하는 서비스를 제공
• 소스 코드를 Vercel에 연결하고 몇 번의 클릭만으로 배포 가능
• 로딩시간이 빠름

2. 배포 방법

1) Vercel 회원가입

2) 'Add New...' 클릭

Project / Domain / Store / Team Member 중 원하는 것 클릭
나는 Project 선택

3) 배포 원하는 내 깃허브 및 레포지토리 선택 후 'import' 클릭

4) 배포할 Project 설정

• Project Name : 여기서 지정한 이름대로 사이트 url 생성
• Framework Preset : 프로젝트를 빌드, 배포 하는데 사용할 프레임워크(ex. CRA, vite, Vue, Next.js...).
  -> 자동으로 선택된 환경에 최적화되어 빠르게 배포할수 있는 설정을 적용해 줌.

5) 'Deploy' 버튼을 눌러 배포!!

-> Congratulations! 가 뜨면 배포링크 생성 완료된 것이다.