Nuxt (Server side rendering) 사용하기

• Nuxt.js는 Vue.js 기반의 프레임워크로, 기본 폴더 구조와 페이지 라우팅 기능을 제공하여 개발자들이 더 쉽게 웹 애플리케이션을 구축할 수 있습니다.

• Nuxt.js의 레이아웃 컴포넌트를 사용하면 페이지의 레이아웃을 쉽게 구성할 수 있으며, NuxtLink를 이용해 간편하게 페이지 이동 링크를 추가할 수 있습니다.

• 넉스트(Nuxt)는 기본적으로 layouts/default.vue 컴포넌트를 화면에 표시하며, 페이지마다 반복되는 UI 영역을 레이아웃 컴포넌트에 정의할 수 있다.

• 넉스트에서 비동기 데이터 호출 방법은 서버 사이드 렌더링 프레임워크이기 때문에 뷰 싱글 페이지 애플리케이션과 다르게 접근해야 하며, asyncData와 fetch를 사용한다.