데브허브 | DEVHUB | Let's Deploy Our Claude Code App to ProductionLet's Deploy Our Claude Code App to Production
- CI/CD 파이프라인을 미리 설정하는 것은 코드 백업, 협업, 그리고 개발 초기 단계부터 프로덕션 환경에서 변경 사항을 테스트하는 데 필수적입니다. ⚙️
- 프로젝트 코드를 GitHub에 배포하여 온라인 백업을 확보하고 다른 개발자와의 협업 기반을 마련합니다. 🐙
- Next.js 애플리케이션 배포를 위해 Vercel을 활용하며, GitHub 계정을 연결하여 저장소를 쉽게 가져옵니다. 🌐
.env 파일의 환경 변수들을 Vercel에 복사하여 프로덕션 환경 설정을 완료합니다. 🔑
- 로컬 데이터베이스 대신 Vercel Storage를 통해 Neon과 같은 프로덕션 데이터베이스를 설정하고, 해당 URL을 환경 변수에 업데이트합니다. 🗄️
- 초기 배포 후, Google Cloud Platform(GCP)의 OAuth 클라이언트 URI에 Vercel의 공개 도메인을 추가하여 인증 시스템이 작동하도록 설정합니다. 🔒
- Vercel 환경 변수 중
NEXT_PUBLIC_APP_URL을 로컬호스트에서 Vercel의 공개 도메인으로 변경하고 재배포하여 앱 URL을 올바르게 지정합니다. 🔄
- (선택 사항) Cloudflare와 같은 도메인 등록 기관을 통해 사용자 지정 도메인을 설정하고, Vercel에서 제공하는 DNS 레코드(A, CNAME)를 업데이트합니다. 🏷️
- 사용자 지정 도메인을 사용하는 경우, GCP OAuth 클라이언트 URI와 Vercel의
NEXT_PUBLIC_APP_URL 환경 변수를 해당 도메인으로 다시 업데이트하고 재배포합니다. 🛠️
- 최종적으로 사용자 지정 도메인에서 인증 및 AI 기능이 모두 정상적으로 작동하는지 확인하여 배포 과정을 성공적으로 마무리합니다. ✨