Vercel 배포

https://vercel.com/

Vercel: Build and deploy the best web experiences with the Frontend Cloud – Vercel

 

 

add new -> project를 누르면됨

 

 

여기서 배포할 프로젝트를 import  하면된다. 

 

 

 

deploy 하기전에 프로젝트에서 build시에 오류가 있는지 확인하기 위해서

 

터미널에 npm run build로 확인해 준다. 

 

 

이런식으로 에러가 발생하게 된다. 

 

 

 

발생하는 에러들을 해결하고 나서 다시 npm run build를 하면 

 

 

 

build가 잘 완료된 것을 확인할 수 있다. 

 

 

이제 다시 vercel로 돌아와서 배포를 진행한다.

 

 

다른 설정들은 그대로 진행하는데 

 

 

 

요 부분이 중요하다. 

 

 

현재 프로젝트에서 supabase와의 연동으로인해 

 

환경변수를 .env파일로 만들어 두었다.

 

그래서  배포할때 환경변수의 key 와 value를 복사해서 붙여넣기하면됨 

 

 

 

 

deploy를 진행한다.

 

 

 

 

와우! 

 

완료되니까 축하해줌 ㅋㅋㅋㅋ

 

 

 

 

 

도메인이나 visit버튼을 통해서 방문 가능하다. 

 

 

 

 

 

 

 

 

TODO LIST

https://inflearn-supabase-todo-list-mauve.vercel.app/

Create Next App

 

 DROPBOX 

 

https://inflearn-supabase-dropbox-clone-plum.vercel.app/

Create Next App

 

 

NELFLEX CLONE 

 

https://inflearn-supabase-netflix-clone-seven.vercel.app/

Minibox

 

 

INSTARGRAM CLONE

 

https://inflearn-supabase-instagram-clone-alpha.vercel.app/

Inflearngram