Next.js 컴포넌트 종류

Next.js(App Router)가 정하는 Next.js 컴포넌트는 크게 두 종류로 나뉩니다.

• 서버 컴포넌트: 서버에서만 실행되고, 결과(HTML)만 브라우저로 전송됩니다. 브라우저로 내려가는 JS 용량이 그만큼 줄어듭니다. 다만 useState, onClick 같은 상태나 이벤트 처리는 못 씁니다 — 서버에서 한 번 렌더링하고 끝이라, "클릭하면 접혔다 펼쳐진다" 같은 걸 여기선 할 수 없어요.
• 클라이언트 컴포넌트: 파일 맨 위에 "use client"를 선언한 컴포넌트로, 브라우저에서 실행되고 상태·이벤트를 쓸 수 있습니다. 대신 그 컴포넌트의 JS 코드가 브라우저로 그대로 전송됩니다.

출처: 클로드