블로그에 Next.js가 과한 이유
읽기만 하는 사이트에 React 런타임을 통째로 내려보낼 필요는 없습니다. 정적 블로그에서 Astro와 Next.js가 실제로 어떻게 갈리는지 정리했습니다.
글을 읽기만 하는 사이트에는 브라우저로 내려보낼 자바스크립트가 사실상 0이어야 합니다. Next.js로 블로그를 만들면 정적으로 뽑아도 React 런타임과 하이드레이션 코드가 따라옵니다. 화면은 이미 다 그려졌는데 브라우저는 그걸 한 번 더 확인하느라 일합니다.
숫자로 갈리는 지점
Core Web Vitals 중 INP와 LCP는 검색 순위에 직접 들어갑니다. 자바스크립트 번들이 작을수록 두 지표가 좋아집니다. Astro는 기본값이 0KB고, 필요한 컴포넌트만 골라서 살립니다.
그래도 Next가 맞는 경우
로그인, 댓글, 대시보드, 실시간 데이터처럼 사용자마다 화면이 달라지는 기능이 들어가는 순간 Next.js가 유리합니다. 서버 컴포넌트와 API 라우트가 한 프로젝트 안에서 해결되니까요.
기준은 하나입니다. 화면이 사용자마다 다른가. 아니라면 정적으로 뽑는 쪽이 항상 빠르고 항상 쌉니다.