0504 TIL

황남준

Streaming metadata

Next.js스트리밍 메타데이터에 대해 공부하는 시간을 가지게 되었다.

이해한 내용을 정리해봤다

15.2.0 이전 버전의 generateMetadata는 동적 데이터를 가져오거나 비동기 작업을 수행해야 하는 경우 메타데이터 생성이 끝나야 초기 UI를 전송할 수 있었다. 그래서 사용자에게 시각적으로 보이는 내용이 지연되는 문제가 발생했다

15.2.0부터는 generateMetadata가 완료되기 전에도 초기 UI를 브라우저로 전송할 수 있도록 하여 이 문제를 개선했고 이게 Streaming metadata이다

Streaming metadata의 문제점

개발자 도구를 열어보면 메타데이터가 body 안에 들어가 있다. 공식 문서를 읽어보면 이 문제를 걱정할 필요가 없어 보이지만 아직 자료가 많지 않아서 확실하게 판단하기는 힘들다. 이걸 갑자기 왜 공부하게 됐는지는 블로그에 더 자세히 정리해봤다