- Next.js 15의 기본 렌더링 전략은 정적 렌더링(Static Rendering)이며, 모든 라우트가 빌드 시 자동으로 미리 렌더링됨 🚀
- 빌드 시 HTML 페이지를 생성하여 CDN 캐싱을 통해 빠른 속도를 제공하며, 블로그, 이커머스 상품 목록 등에 적합함 📰
- 개발 모드에서는 매 요청 시 렌더링되지만, 프로덕션 모드에서는 빌드 시 한 번만 렌더링되어 최적화됨 ⚙️
npm run build
명령어로 프로덕션 빌드를 생성하며,next
폴더에server
및static
폴더가 생성됨 📦- 빌드 결과는 각 라우트의 크기, 첫 로드 시 JavaScript 크기 등을 보여주며, 정적 라우트는 비어있는 원으로 표시됨 ⚪
- 서버 컴포넌트는 HTML 파일과 RSC(React Server Component) 페이로드를 생성하고, 클라이언트 컴포넌트도 최적화를 위해 미리 렌더링됨 📄