한눈에 보는 표
| 서비스 | 추천 이전처 | 이유 | 주의할 점 |
|---|---|---|---|
| 정적 사이트, React/Vue/Vite 프런트엔드 | Cloudflare (Pages 또는 Workers) | GitHub와 연결해 자동 배포, 정적 사이트에 잘 맞음 | Cloudflare 문서는 현재 새 프로젝트에 Workers를 권장 |
| Next.js (서버 사이드 렌더링) | Vercel | Next.js를 만든 회사라 지원이 가장 충실 | 무료 Hobby 플랜은 개인·비상업용 한정, 회사 사이트는 유료 플랜 필요 |
| 백엔드 API, 챗봇 | Google Cloud Run | Dockerfile 없이 배포, 서울 리전 있음, 쓰지 않을 때 컴퓨팅 요금 없음 | 파일 시스템은 임시. 테스트 완료 가이드 |
| Zeabur와 가장 비슷한 사용감 | Railway, Render | GitHub 연결, 몇 번의 클릭으로 데이터베이스 생성 | 마찬가지로 단일 플랫폼이니 데이터는 직접 백업 |
| PostgreSQL | Neon, Supabase 같은 관리형 서비스 | 직접 유지 보수할 필요 없음 | 복원할 때 --no-owner --no-acl 추가. 데이터베이스 편 |
| n8n, Dify 같은 셀프 호스팅 도구 | VPS + Docker Compose | 작은 VPS 한 대로 여러 도구를 고정 비용에 운영 | 백업은 직접. n8n 이전 (테스트 완료) |
| VPS에서도 GUI로 관리하고 싶을 때 | Coolify, Dokploy | 셀프 호스팅 배포 플랫폼으로, 조작 방식이 Zeabur와 비슷 | 플랫폼 자체의 유지 보수와 업데이트도 직접 |
Cloudflare 프런트엔드 빌드 설정
Cloudflare Pages 공식 프레임워크 프리셋:
| 프레임워크 | 빌드 명령어 | 출력 디렉터리 |
|---|---|---|
| React (Vite) | npm run build | dist |
| Vue | npm run build | dist |
| Astro | npm run build | dist |
| Next.js (Static HTML Export) | npx next build | out |
프런트엔드에 필요한 환경 변수(예: VITE_API_URL)는 Cloudflare 프로젝트 설정에서 따로 추가해야 합니다.
이번에 배워야 할 것
Zeabur가 편했던 이유는 배포, 데이터베이스, 도메인, AI 서비스를 모두 한데 묶어 제공했기 때문입니다. 하지만 그건 문제가 생기면 모든 것이 한꺼번에 문제가 된다는 뜻이기도 합니다. 이번에 옮기면서 최소한 다음 세 가지는 챙기세요.
- DNS는 내가 관리하는 곳에 두기(예: Cloudflare). 호스팅과 같은 회사에 두지 마세요. 다음에 옮길 때 레코드 몇 개만 바꾸면 됩니다
- 데이터베이스는 매일 다른 회사로 자동 백업하기. 호스팅이 A 플랫폼이라면 백업은 B 플랫폼의 객체 스토리지에 저장하세요
- 플랫폼을 고르기 전에 데이터를 온전히 가지고 나갈 수 있는지 확인하기.
.sql같은 표준 형식으로 언제든 전체 백업을 내려받을 수 있나요? 무료 한도보다 이게 더 중요합니다