Nuxt Universal Rendering

Server Side Rendering + Client Side Navigation

웹앱 접속시는 SSR 이지만 페이지 이동시 JS Routing 방식

구현방법

Server단에 전체 시스템 코드 보유

클라이언트가 필요한 코드 보내달라함

깜빡거리는 거 해결함

<NuxtLink>들에 한해서 해당 페이지들을 렌더링하는데 필요한 파일들을 Prefetching

Client Side Hydration

Code Splitting

Prefetching

Universal Mode | Cracking Vue.js

이번 글에서는 Nuxt의 렌더링 모드 중 하나인 유니버설 모드의 개념과 동작 원리에 대해서 설명해보겠습니다. Nuxt를 처음 설치할 때 다음의 두 가지 렌더링 모드를 선택할 수 있습니다. 에서는 유니버설 모드를 서버 사이드 렌더링과 클라이언트 사이드 네비게이션(Client Side Navigation)의 조합으로 설명하고 있습니다. 클라이언트 사이드 네비게이션이란 브라우저에서 페이지 간 이동시 클라이언트 쪽 자바스크립트 라우팅으로 이동하는 방식을 의미합니다.

Universal Mode | Cracking Vue.js

https://joshua1988.github.io/vue-camp/nuxt/universal-mode.html#nuxt-%E1%84%86%E1%85%A9%E1%84%83%E1%85%B3

Universal Mode | Cracking Vue.js

Recommendations

///////////////