나보단 잘하자

웹페이지를 브라우저가 아닌 서버에서 보여지게 하는 방법이다. 서버는 완전히 렌더된 페이지를 클라이언트에게 보낸다. 클라이언트의 자바스크립트 번들은 vue.js 앱을 하이드레이트 하게 해준다. 이를 prerendered와 hydrate라고 하는데, prerendered는 서버사이드에서 seo를 위해 미리 보여줄 부분을 렌더링 하는 것이고, hydrate는 이후에 자바스크립트 파일들로 필요한 부분을 클라이언트에서 렌더링 하는 것이다(추가 설명). Node.js 서버 필요 자바스크립트 환경은 웹페이지를 렌더링 하기 위해 필요합니다. Node.js 서버는 vue.js 앱을 실행하기 위해 구성됩니다. 서버의 실행과 관리 서버는 serverMiddleware를 통해 실행할 수 있고 middleware를 통해 라우트..

Views Views 부분은 데이터 설정과 넉스트 앱의 특정한 라우트의 뷰의 모든것을 설명합니다. 뷰는 앱 템플릿, 레이아웃 그리고 실제 페이지에 있습니다. 또한, SEO에 중요한 각각 뷰의 헤드 섹션에 들어가는 메타 태그를 정의할 수 있습니다! Pages 모든 페이지 컴포넌트는 뷰 컴포넌트지만, 넉스트는 최대한 앱을 쉽게 만들도록 하기 위해 특별한 속성과 함수들을 추가합니다. Layouts 레이아웃은 말 그대로 레이아웃. Default layout Default.vue 파일에 디폴트 레이아웃을 정의해둡니다. 이곳에 정의 된 레이아웃은 모든 페이지에 적용됩니다(특정한 레이아웃이 적용되지 않은)! 이 디폴트 레이아웃에 를 추가하면 마치 slot처럼 이 부분에 페이지 컴포넌트를 렌더링 합니다. Custom ..