Nuxt란?
서버사이드 렌더링 프레임워크.
Vue.js로 빠르게 웹을 제작할 수 있도록 도와주는 프레임워크.
vuex, router, axois와 같은 라이브러리를 미리 구성하여 SPA,SSR,정적 웹 사이트(Static Generated Website)를 쉽게 제작 가능.
장점
- 검색 엔진 최적화
- 초기 프로젝트 설정 비용 감소 및 생산성 향상
ESLint,Prettier
라우터, 스토어 등의 라이브러리 설치 및 설정 파일 필요X
파일 기반의 라우팅 방식. 설정 파일 자동 생성. - 페이지 로딩 속도와 사용자 경험 향상
브라우저가 하는 일을 서버에서 부담
코드 스플리팅 기본 설정
특징
- 서버 사이드 렌더링
- 규격화된 폴더 구조 (layout, store, middleware, plugin 등)
- pages 폴더 기반의 자동 라우팅 설정
- 코드 스플리팅
- 비동기 데이터 요청 속성
- ES6/ES6+ 변환
- 웹팩을 비롯한 기타 설정
서버 사이드 렌더링이란?
서버에서 페이지를 그려 client(browser)로 보낸 후 화면에 표시하는 전통적인 기법
클라이언트 사이드 렌더링이란?
browser에서 js를 사용해 화면 렌더링 하는 기법.
SSR를 사용하는 이유?
구글,네이버와 같은 검색 사이트에서 검색시 결과가 사용자에게 많이 노출될 수 있도록 검색 엔진 최적화 가능.
특히 SNS 공유시 Og tag를 페이지별로 적용하기 위해선 SSR이 효율적
서버에서 미리 그려서 브라우져로 보여주기 때문에 빠른 페이지 렌더링 가능
