Next.js는 이제 끝났나요? v15.2+의 Streaming metadata

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발, DevOps

대상자

Next.js 프레임워크를 사용하는 개발자 및 SEO 전략 담당자

- 난이도: 중간 (Next.js 15.2 이상 버전 사용 경험 필요)

핵심 요약

• Next.js 15.2+ 버전에서는 기본적으로 특정 크롤러에만 스트리밍 메타데이터를 제공
• 구글 크롤러는 자바스크립트를 강제 실행하여 스트리밍 가능
• SEO 성능 저하 및 벤더 락 문제로 인해 Next.js 14 버전 사용이 권장됨

섹션별 세부 요약

1. 스트리밍 메타데이터 기본 설정

• 기본적으로 사용자에게는 스트리밍, 크롤러에는 스트리밍하지 않도록 설정
• HTML_LIMITED_BOT_UA_RE_STRING 사용자 에이전트 목록에 해당하는 크롤러에게 스트리밍 안됨
• Next.js 15.1.8+ 버전부터 해당 로직이 고정으로 도입됨

2. 구글 크롤러의 스트리밍 지원

• 구글 크롤러는 자바스크립트 강제 실행으로 스트리밍 가능
• HEADLESS_BROWSER_BOT_UA_RE 정규식을 통해 구글 크롤러 식별 가능
• 이러한 로직은 사용자가 모든 크롤러를 알 필요 없이 사용 가능

3. 스트리밍 메타데이터의 단점

• 크롤러의 페이지 지연 시간 증가로 인한 SEO 페널티 가능성
• Next.js의 기술적 결정이 표준을 따르지 않아 벤더 락 문제 발생 가능성
• 알 수 없는 크롤러에 의해 SEO가 향상될 가능성도 있음

4. 개발자 권장사항

• SEO 관련 이슈 해결을 위해 Next.js 14 버전 사용을 권장
• Next.js 15.1+ 버전은 Vercel 외 환경에서 사용 불가능한 제한 존재
• React의 Suspense 동작 이슈와 유사하게 기술적 해결이 필요

결론

• Next.js 15.2+의 스트리밍 메타데이터 기능은 SEO 성능 저하 및 벤더 락 문제로 인해 주의가 필요
• 안정성과 SEO 성능을 고려해 Next.js 14 버전 사용을 권장
• Vercel과의 협의 또는 기술적 검증이 완료될 때까지 업데이트를 주시해야 함