Vercel을 Github와 통합하여 프로젝트 배포

(Vercel)FE 자동 배포, 도메인 생성, 미리보기, 사이트 분석까지!
프론트엔드 개발자를 위한 플랫폼

Next.js 문서를 읽으면서 저장소를 돌아다니면서 어떻게 Vercel 팀이 이렇게 유용한 프레임워크를 만들었는지 궁금했습니다.

그런 다음 Vercel 팀과 동일한 이름을 가진 플랫폼 “Vercel”을 찾았습니다.

보통 플랫폼이나 툴 웹사이트의 메인 페이지에 제품에 대한 간단한 소개가 있는데, 소개글에서 자신감이 뚝뚝 흘러나오는 것이 인상적이었습니다.

'추천 관련글,

개발하다.

시사. 배.

Vercel은 프런트 엔드 개발자를 위한 플랫폼으로 영감을 얻는 순간 혁신가에게 필요한 속도와 안정성을 제공합니다.

개발하고, 미리 보고, 웹 세계로 보냅니다.

영감을 얻는 순간에 구축하는 데 필요한 속도와 안정성을 혁신가에게 제공하는 프런트 엔드 개발자를 위한 플랫폼입니다.

Innovator라는 단어와 그 짧은 영감의 순간에 개발에서 결과까지 모든 장애물을 제거하면 빠르고 안정적인 결과를 얻을 수 있다는 서문을 보자마자 Get Started를 따라했습니다.

쉬운 목차

#1. 버셀 회원가입

1. Vercel 페이지 접속 – https://vercel.com/

2. 버튼을 클릭합니다(GitHub로 계속) – (Vercel 인증)을 클릭합니다.

3. 로그인 인증을 위해(휴대전화번호 입력) – 휴대폰에 수신된 (인증번호) 입력

#2. 배포를 위한 전면 프로젝트 준비(이미 있는 경우 3단계로 건너뛰기)

Next.js 문서를 읽으면서 Vercel 플랫폼을 팔로우하고 있었기 때문에 배포를 위한 전면 프로젝트로 Next.js를 선택했습니다.

Vercel은 많은 전면 라이브러리 또는 프레임워크를 지원합니다.

따라서 이 기사를 따르면 선택한 기술 스택으로 배포할 프로젝트를 준비할 수 있습니다.

1. (새 Github 리포지토리 생성) – Type(yarn create next-app –typescript) – 모든 옵션(ESLint, ‘src/’ 디렉토리, ‘app/’ 디렉토리)에 대해 Yes를 선택합니다.