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를 정적인 응용 프로그램으로 빌드한다.
- 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-장단점-뜻정리/