본문 바로가기
TIL/FrontEnd

[Svelte] SvelteKit으로 웹사이트 만들기 2️⃣ vercel로 배포

by sun_HY 2023. 8. 7.

프로젝트를 로컬에서 만들어서 굴리는 건 그렇다 쳐도,

포트폴리오로 사용하기 위해서는 다른 사람들이 접근할 수 있게 해야 했다.

그러기 위해서 선택한 방법이 Vercel

깃 리포지토리와 연결하면 자동으로 빌드 후 배포가 된다고 해서 시도해보았다!

 

 

Vercel: Develop. Preview. Ship. For the best frontend teams

Vercel's frontend cloud gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized Web.

vercel.com

 

먼저 vercel에 접속한 후, Git 계정으로 로그인해주었다.

그리고 Add New Project

Add_New

 

이후 내가 배포하고 싶은 프로젝트가 담긴 깃 리포지토리를 연동해준다.

 

configure_project
configure project

 

프로젝트의 이름과, 사용한 프레임워크 정보

루트 디렉토리 (선택한 프레임워크와 일치해야 함) 등 설정 정보를 입력해준 후 Deploy!

 

 

 

Home

 

my-website-6ram.vercel.app

 

제공해주는 URL로 접속하면 잘 배포된 것을 확인할 수 있다 😊

728x90