Next.js - SSR, CSR? SEO최적화?
💡Next.js전체에 대한 내용이 아니라 SSR, SCR에 대해 간단하게 소개해요. 이 블로그도 Next.js의 SSR로 노출페이지가 작성되어 배포돼요.❗기술적인 내용은 포함하지 않았습니다. 코딩에이전트 들이 워낙 잘 처리할것이 분명하기 때문에. 우리는, 판단과 명령만. 🚀 Next.js Rendering Strategy: SSR vs CSR Overview ● SSR (Server-Side) * •Pre-rendering: 서버에서 HTML을 미리 생성하여 전달 * •FCP 속도: 첫 페이지 로딩 시 빈 화면 없이 즉시 노출 * •Data Fetch: 서버 사이드에서 보안성 높은 API 통신 * •성능: 클라이언트 기기의 리소스 소모가 상대적으로 적음 ○ CSR (Client-Side) * •Hydration: 브라우저에서 JS가 실행되며 화면 렌더링 * •UX/Interaction: 페이지 전환 시 새로고침 없는 부드


