[vercel] vercel로 github 웹 페이지 배포하기

🗣️ 프론트엔드를 학습 중이시라면 내가 만든 웹 페이지를 배포하고 싶으실텐데요!
오늘은 vercel를 이용해 배포하는 간단한 방법을 알아보겠습니다!!!!

📌 vercel 사이트 접속하기

vercel

위 사이트에 접속하여 회원가입을 먼저 진행해줍니다

전 이미 가입을 해서 바로 대시보드로 넘어가네요!
참고바랍니당

📌 vercel에 github 연결하기

1. 먼저 여기서 진행해줍니다

2. 아래를 보시면 Import git repository가 있습니다.
   
   저는 이미 깃허브가 연결되어 있어 저렇게 보이지만
   처음이시면 add github account를 누르시면 됩니다
   곧이어 나오는 깃허브 로그인 창에 로그인을 해주시면 연결이 됩니다!!

📌 배포하기

깃허브 계정이 연결이 되었다면 깃허브에 있는 repository들이 모두 보입니다!

배포 할 repository를 import 버튼을 눌러주면 위와 같은 화면이 보이는데 별 다른 거 선택할 필요없이 deploy를 눌러줍니다.

그러면 위 사진과 같이 진행이 되고

🎇 배포가 성공적으로 되었습니다!!!!!

✅ 배포된 사이트 방문하기

visit 버튼을 눌러 사이트에 들어가보면 아주 잘 배포 됐다는 것을 알 수 있습니다!

⛓️ 참고 사이트