피드로 돌아가기
Custom Domains for Next.js: The Cloudflare + Vercel Setup That Works in 2026
Dev.toDev.to
Infrastructure

Cloudflare CNAME Flattening 기반의 Zero-Cost 도메인 최적화 아키텍처

Custom Domains for Next.js: The Cloudflare + Vercel Setup That Works in 2026

Craftly-dev2026년 4월 19일2beginner

Context

기본 Vercel 제공 URL 사용으로 인한 브랜드 가치 하락 및 SEO 최적화 한계 발생. SSL 인증서 발급 및 DNS 전파 지연을 최소화하면서 관리 비용을 절감하는 프로덕션 환경의 커스텀 도메인 연결 필요성 대두.

Technical Solution

  • Cloudflare Registrar 채택을 통한 도메인 구매와 DNS 관리의 단일 접점 통합 및 비용 최적화
  • Vercel의 A Record 기반 설정에서 CNAME 기반 레코드로의 마이그레이션 대응을 통한 유연한 호스팅 연결
  • Cloudflare Proxy 기능을 'DNS only'로 설정하여 Vercel의 자체 SSL 인증서 발급 프로세스 간섭 차단
  • RFC 1912 제약을 극복하는 Cloudflare CNAME Flattening 기술 활용으로 Apex 도메인에 CNAME 할당 구현
  • Apex 도메인을 Canonical URL로 설정하여 불필요한 www 리다이렉션 단계를 제거한 경로 단순화

- Cloudflare DNS 사용 시 Vercel SSL 인증서 발급을 위해 Proxy 모드를 'Gray Cloud'로 설정했는지 확인 - Apex 도메인 설정 시 DNS 제공업체의 CNAME Flattening 또는 ALIAS 레코드 지원 여부 검토 - 도메인 관리 비용 절감을 위해 도메인 등록처와 DNS 관리처의 통합 운영 고려 - SEO 최적화를 위해 www 리다이렉션 대신 Apex 도메인을 기본 경로로 설정하는 전략 검토

원문 읽기