Deploy React (Vite) To VPS With Coolify (+ Custom Domains, SSL, Auto re-deploy)
- React Vite 앱은 프론트엔드 전용이지만, Coolify를 통해 VPS에 쉽게 배포 가능합니다. 🚀
- 배포 전 로컬 빌드를 통해 잠재적 문제를 미리 해결하여 배포 과정을 원활하게 합니다. 🛠️
- Hostinger는 Coolify가 사전 설치된 VPS 템플릿을 제공하여 초기 설정 시간을 크게 단축시킵니다. 💡
- Coolify는 GitHub 애플리케이션 연동을 통해 프라이빗 저장소에서 코드를 가져오고, 웹훅을 이용한 자동 재배포를 지원합니다. 🔄
- Coolify 대시보드에서 정적 사이트, 빌드 팩(Nixpacks), 배포 디렉토리(dist) 등 React Vite 앱 배포 설정을 쉽게 구성할 수 있습니다. ⚙️
- 배포된 앱은 Coolify가 제공하는 기본 도메인으로 즉시 접근 가능하며, 데이터 페칭, 페이지네이션 등 모든 기능이 정상 작동합니다. ✅
- 코드 변경 후 GitHub에 푸시하면 Coolify가 자동으로 감지하여 프로덕션 환경에 재배포합니다. ☁️
- 사용자 정의 도메인과 HTTPS(SSL) 설정도 Coolify 내에서 간단하게 추가하고, DNS A 레코드만 VPS IP로 연결하면 됩니다. 🌐
- Hostinger VPS와 Coolify의 조합은 React Vite 앱을 위한 강력하고 효율적인 배포 스택을 제공합니다. 🤝