Static Deploy

호스팅 선택보다 배포 설정 일치가 먼저다

React SPA는 dist를 올리는 구조가 단순하지만, 브랜치와 빌드 명령, 라우팅 fallback이 어긋나면 배포 후 바로 막힙니다.

Netlify

초기 추천

Git 연동, SSL, 도메인, SPA fallback 설정이 직관적입니다.

Vercel

빠른 프리뷰

브랜치별 미리보기와 자동 배포 흐름이 가볍습니다.

Pages

저장소 배포

포트폴리오처럼 단순한 공개 정적 사이트에 맞습니다.

Firebase

Firebase 연동

인증, DB 등 Firebase 기능과 함께 쓸 때 편합니다.

branch

배포 브랜치

main 등 자동 배포 대상이 맞는지 봅니다.

build

빌드 명령

서비스 설정의 명령이 프로젝트 스크립트와 같습니다.

publish

게시 폴더

Vite는 dist를 publish directory로 둡니다.

route

SPA fallback

새로고침 404를 막기 위해 index.html로 보냅니다.

domain

도메인 SSL

DNS 반영과 HTTPS 발급 상태를 함께 확인합니다.