Skip to main content

서버 사이드 렌더링(SSR)은 서버에서 HTML을 생성하는 프로세스로, 스벨트킷이 기본적으로 수행하는 작업입니다. 이는 성능과 복원력에 중요하며 검색 엔진 최적화(SEO)에서도 중요한 역할을 합니다. 자바스크립트로 렌더링 된 콘텐츠를 색인화할 수 있는 검색 엔진도 있지만 빈도와 안정성이 낮습니다.

그렇다 해도, 일부 컴포넌트는 서버에서 렌더링 되기 어려울 수 있습니다. 이는 아마도 해당 컴포넌트가 즉시 window와 같은 브라우저 전역에 액세스할 수 있을 것으로 기대하기 때문입니다. 가능하다면, 이러한 컴포넌트를 서버에서 렌더링될 수 있도록 변경하는 것이 좋습니다. 그러나 그게 불가능한 경우에는 SSR을 비활성화할 수 있습니다.

src/routes/+page.server.js
export const ssr = false;

루트에 있는 +layout.server.js에서 ssr 옵션을 false로 설정하면 전체 앱이 단일 페이지 앱(SPA)으로 전환됩니다.

Next: 클라이언트 사이드 렌더링(csr)

1
2
<h1>{window.innerWidth}x{window.innerHeight}</h1>
 
initialising