Next.js 배포 후 Vercel의 국내 가속 노트

원인: 배포는 순조롭게 진행되었으나, 중국에서는 오픈이 되지 않았습니다.

이 사이트는 Next.js로 작성되었으며 Vercel에 푸시되었습니다. 자동으로 인증서를 구축하고 서명하며 글로벌 에지 노드를 배포합니다. 전체 과정이 너무 순조로워서 흠잡을 데가 없습니다. 해외에서 개봉하면 단 몇 초 만에 개봉해 완전한 경험을 즐길 수 있습니다.

그런데 중국에 돌아오자마자 원래의 모습이 드러났습니다. Vercel이 기본적으로 할당한 ‘*.vercel.app’ 도메인 이름은 중국에서는 열 수 없습니다. DNS를 확인할 수 없거나 연결이 회전하고 시간이 초과됩니다. 직접 사용하시면 에이전트와 연결이 가능하지만, 이곳은 타인이 이용하는 사이트이므로 모든 방문자에게 사다리를 가져오라고 요구할 수는 없습니다.

따라서 첫 번째 반응은 자신의 도메인 이름을 묶으세요입니다. 묶은 후 열 수는 있지만 속도는 여전히 불편합니다. 첫 번째 화면이 나타날 때까지 몇 초를 기다려야 하는 경우가 많고, 특정 리소스에서 반나절 동안 멈춰 있는 경우도 있습니다. 이제 문제가 어디에 있는지 이야기해 보겠습니다.

무엇이 문제인가요?

도메인 이름 *.vercel.app은 중국에서 ‘오염’되어 있어 직접 사용하는 것은 기본적으로 쓸모가 없습니다. 자신의 도메인 이름을 바인딩하면 이를 피할 수 있지만 자신의 도메인 이름을 연결하는 것만으로는 충분하지 않습니다. 키는 문제를 해결하는 위치에 따라 다릅니다.

Vercel이 도메인 이름을 바인딩하면 기본적으로 CNAME이 ‘cname.vercel-dns.com’을 가리키도록 지시합니다. 이 주소는 Vercel의 글로벌 에지 네트워크를 사용합니다. 노드는 주로 해외에 있으며 중국과 가장 가까운 노드는 홍콩, 일본, 싱가포르입니다. 국내 이용자들은 접근 시 우회하는 경우가 많고, 저녁 출퇴근 시간대도 터무니없이 느리다. 성능은 다음과 같습니다.

• 첫 번째 화면은 몇초간 공백이었는데 HTML이 다시 나오고 리소스 로딩도 느려졌습니다.
• 때로는 시간이 직접 초과되어 새로 고침되면 다시 괜찮습니다. 매우 신비롭습니다.
• 이는 모바일 네트워크에서 특히 두드러지지만 4G/5G는 2G처럼 느껴집니다.

아마도 이렇겠죠. 로딩 바를 이동하는 것은 매우 어렵고 대부분이 차단되어 있습니다.

처리 : 국내 파싱입구로 변경

실제로 베르셀에는 해당 국가에 대한 특별 출입구가 있지만 기본적으로 사전에 알려주지는 않습니다. 해결책은 단지 한 단계에 불과합니다. **CNAME을 cname-china.vercel-dns.com**으로 지정합니다. 중간에 추가 ‘중국’이 있다는 점에 유의하세요.

특정 작업:

1. Vercel에서 도메인 이름 바인딩: 프로젝트 설정 → 도메인에서 자신의 도메인 이름을 입력하면 Vercel에서 CNAME 레코드를 추가하라는 메시지를 표시합니다.
2. 도메인 이름 서비스 제공업체로 이동하여 해상도를 변경하세요: DNS 해상도 설정을 찾아 CNAME 레코드 값을 기본 cname.vercel-dns.com에서 cname-china.vercel-dns.com으로 변경합니다. 일반적으로 www 또는 @를 사용하여 필요에 따라 호스트 레코드를 입력합니다.
3. 적용될 때까지 기다리세요: DNS가 적용되는 데는 일반적으로 몇 분에서 30분 정도 걸립니다. Vercel은 해상도가 올바른지 감지하고 자동으로 HTTPS 인증서를 발급해 드린 후 정상적으로 접속하실 수 있습니다.

참고 사항: CNAME을 루트 도메인 이름(즉, @)에 추가할 수 있는지 여부는 도메인 이름 등록 기관**에 따라 다릅니다. 일부 등록 기관은 루트 도메인에 대한 직접 CNAME을 지원하지 않으므로 www 하위 도메인을 사용한 다음 동일한 효과로 루트 도메인 301을 www로 점프할 수 있습니다. 이제 대부분의 서비스 제공업체는 소위 “CNAME 강제 타일링”(루트 도메인을 CNAME으로 처리)을 지원하며 Cloudflare와 DNSPod는 문제가 되지 않습니다.

이 문자 하나만 cname.vercel-dns.com에서 cname-china.vercel-dns.com으로 변경하세요.

효과

수정 후 신체적 감각이 매우 분명해졌습니다. 동일한 네트워크 환경에서:

• 첫 번째 화면은 몇 초 만에 열리므로 더 이상 빈 화면이 나타날 때까지 기다리지 않아도 됩니다.
• 리소스 로딩이 원활하고 저녁 출퇴근 시간에도 중단이 없습니다.
• 모바일 네트워크에서도 정상적으로 사용 가능

비교하자면 앞면과 뒷면이 완전히 다릅니다.

간단히 말해서 “거의 열리지 않음”에서 “매우 빠르다”로 변경되었습니다. 핵심적인 차이점은 이 ‘중국’ 입구가 국내 트래픽을 더 가깝고 안정적인 노드로 유도하여 대규모 해저 케이블이 필요하지 않다는 것입니다.

요약

전체 과정은 실제로 매우 간단하고 고급 작업이 없으며 이러한 입구가 있다는 것만 아는 것이 어렵습니다. Vercel은 기본적으로 글로벌 해상도 주소를 사용하는데, 이는 국내 사용자에게 친숙하지 않습니다. ‘china’라고 적힌 것은 국내 사용자를 위해 준비됐다.

따라서 Vercel을 배포하고 국내 사용자를 대상으로 하는 경우 다음 한 문장만 기억하세요.

도메인 이름을 바인딩한 다음 CNAME을 ‘cname-china.vercel-dns.com’으로 지정하고 나머지는 시간에 맡깁니다.

또한 이 솔루션은 중소 규모 사이트의 경량 가속에 적합합니다. 방문 횟수가 일정 수준에 도달하거나 국내 속도 요구 사항이 매우 높으면 국내 CDN 추가를 고려하지만 이는 또 다른 기사입니다.