2024/06/13 TIL vercel에 리액트 배포하기

기껏 만들어놓고 json-server만 배포해놨다.

vercel에 react 배포해보기

1. vercel에 로그인

https://vercel.com/

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

2. 새로고침 에러 막기

새로고침하면 404 에러가 떠서 프로젝트 루트 경로에 vercel.json 파일을 만들고

{
  "rewrites": [{ "source": "/(.*)", "destination": "/" }]
}

이거 넣어줘야 새로고침해도 에러가 발생하지 않는다고 함

 

3. 프로젝트 생성

Add New... 누르고 Project 클릭

 

4. 리포지토리 Import

원하는 리포지토리 Import

 

5. Deploy

Deploy 클릭

 

잠시만 기다리면

배포완료~

 

사이트에 접속하면?

접속도 잘 되고 모든 기능들도 잘 되고~