nextjs 태그 포스트

게시물 4개

React 서버 컴포넌트: 2026년 완전 가이드

React 서버 컴포넌트는 브라우저에 JavaScript를 전혀 전송하지 않고, 서버에서 HTML을 스트리밍하며, 데이터 페칭의 새로운 사고 방식을 가능하게 합니다. 알아야 할 모든 것을 정리합니다.

next/image는 요청 시점에 이미지를 WebP로 변환합니다. 빌드 타임에 미리 WebP로 변환하면 그 오버헤드를 없앨 수 있습니다. 실제 벤치마크 수치와 함께 상세히 비교합니다.

Metadata API, generateMetadata(), JSON-LD, hreflang, Open Graph, 사이트맵, robots.txt — Next.js 13+ App Router에서 사용 가능한 모든 SEO 레버를 코드 예제와 함께 설명합니다.

next/image는 자동 WebP 변환, 반응형 srcset, 레이지 로딩, CLS 방지를 추가합니다. 일반 img 태그가 올바른 선택인 경우도 있습니다. 여기에 결정 프레임워크가 있습니다.