선행 지식 필요

CSR(SPA)
SSR(MPA)

소개

• Vue를 위한 SSR을 지원하는 프레임워크(React에는 Next.js)
• SSR(MPA)방식에서 SPA의 장점 일부를 사용할 수 있음
• Node.js 기반의 프로젝트를 유연하게 사용할 수 있다.
• layout, store, middleware와 같은 요소들을 이미 구분을 지어주고 필요한 항목들을 처리되어 있다.
• webpack을 통한 빌드 시스템이 이미 구현되어 있다.
• 라우팅을 자동으로 쉽게 생성
• 주요 범위 : UI Rendering

Nuxt.js를 만든 팀이 Next.js를 만든 팀이다.
Next.js는 React를 위해 만들어졌으며 Nuxt.js와 비슷하다.

특징

• Vue 파일 사용
• 코드 분할 자동화
• SSR
• 비동기 데이터 기반의 강력한 라우팅 시스템
• 정작 파일 전송
• ES6/ES7 지원
• JS & CSS 코드 번들링 및 압축
• head 요소 관리 (title, meta 등)
• 개발 중 Hot module 대체
• 전처리기 지원 : SASS. LESS, Styleus ..
• HTTP/2 push header 준비
• 모듈식 아키텍처 확장

nuxt generate : 배포 옵션이다. vue.js를 정적인 응용 프로그램으로 빌드한다.

Nuxt.js에 포함된 기능

• Vue2
• Vue Router
• Vuex (store 옵션을 사용하는 경우에만 포함)
• Vue Server Renderer (mode: 'spa'일 경우 제외)
• vue-meta
• vue-loader
• babel-loader
• webpack

비슷한 용어 구분

Nuxt: Vue 애플리케이션을 위한 프레이워크(for FE)
Next: React 애플리케이션을 위한 프레임워크(for FE)
Nest: Node 애플리케이션을 위한 프레임 워크(for BE)

참고글

https://hanamon.kr/nuxt-js-%EB%9E%80/
소개, 특징, 포함된 기능 관련

https://doozi0316.tistory.com/entry/Nuxtjs-의-개념과-예제-SSR-CSR-Universal
https://hanamon.kr/spa-mpa-ssr-csr-장단점-뜻정리/

가이드 https://develop365.gitlab.io/nuxtjs-0.10.7-doc/ko/guide/

cf.1 https://bubobubo003.tistory.com/76

cf.2 https://doozi0316.tistory.com/entry/Nuxtjs-%EC%9D%98-%EA%B0%9C%EB%85%90%EA%B3%BC-%EC%98%88%EC%A0%9C-SSR-CSR-Universal

[Nuxt.js] 개념부터 설치까지 빠르게 배우기 https://kdydesign.github.io/2019/04/10/nuxtjs-tutorial/