STATIC HOSTING

React SPA 배포 개요

정적 호스팅은 HTML, CSS, JavaScript 파일을 전 세계 가까운 서버에서 제공하고, 라우팅은 SPA fallback으로 보완한다.

Git 연결Netlify, Vercel, Pages가 저장소 변경을 감지한다.

BuildVite 기준 `npm run build`로 정적 파일을 만든다.

Publish`dist` 폴더를 CDN 기반 호스팅에 배포한다.

Fallback없는 경로는 `index.html`로 돌려 React Router가 처리한다.

장점

무료 티어, 자동 배포, SSL, CDN을 빠르게 얻는다.

라우팅 Rewrite

클라이언트 라우팅 앱은 `_redirects`나 rewrite 규칙이 없으면 새로고침 시 404가 날 수 있다.