[Next.js 16] CDN assetPrefix 적용 시 특정 기기(카카오톡 인앱 브라우저)에서 정적 자원 로드 실패

환경 정보

항목 내용
Next.js 버전 16.0.10
React 버전 19.2.3
배포 방식 standalone (output: 'standalone')
문제 발생 기기 iPhone 15 Pro Max
iOS 버전 26.2.1
카카오톡 버전 25.11.3
CDN 주소 https://cdn-{XXXXX}.gasapp.co.kr

증상

  • 대부분의 기기/브라우저: 정상 동작 (CDN을 통해 JS, CSS 등 정적 자원을 정상적으로 로드)

  • 특정 환경 (iPhone 15 Pro Max / iOS 26.2.1 / 카카오톡 25.11.3 인앱 브라우저): _next/static/ 하위의 JS, CSS 등 정적 자원을 CDN에서 가져오지 못함

CDN을 비활성화(CDN_URL=/)하면 해당 기기에서도 정상 동작합니다.

확인한 사항

  1. CDN 서버 자체는 정상 응답 (다른 기기에서 동일 URL 접근 시 200 OK)

  2. assetPrefix로 생성되는 정적 자원 URL 형식은 정상 (https://cdn-{XXXXX}.gasapp.co.kr/app/_next/static/...)

질문

Next.js의 assetPrefix 사용 시, 특정 iOS 버전 + 인앱 브라우저 조합에서 정적 자원 로드가 실패하는 사례가 있나요?


재현이 특정 기기에서만 발생하여 디버깅이 어려운 상황입니다. 유사한 경험이 있으신 분의 조언을 부탁드립니다.

재현 가능한 사이트와 재현 방법 알려주시겠어요?

https://scg-gastalk-stage.gasapp.co.kr/app/bill 로 확인 요청드립니다!
아주 일부 기기에서만 상황이 재현됩니다.

확인해보니 카카오톡 인앱브라우저의 문제가 아니라 타메신저 인앱브라우저에서도 마찬가지이며

Android 인앱브라우저에서도 공히 동일하게 처리되지 않네요.
원인은 좀더 파악해봐야겠지만, OS 인앱브라우저 환경적문제로 추정됩니다.

저도 다른 기기로 테스트를 좀 더 해보겠습니다.

1개의 좋아요