React와 vue의 편리함도 있지만, 몇가지 단점들이 존재한다
React는 Next.js Vue 에서는 Nuxt.js를 각각의 단점을 보완해주는 프레임워크가 있다
- React와 vue는 SPA로 작동방식은 클라이언트에 자바스크립트 코드 파일을 다 저장하고 그 파일들을 바탕으로 rendering이 된다
- 이러한 형태로 되어 있는 사이트들은 client side rendering으로
- first page rendering이 느려서 첫 방문시 좋지 않다
- SEO(:검색 엔진 최적화)의 문제도 있는데, SPA로 만들어진 사이트는 SEO가 떨어진다
( 구글은 SPA 사이트로 크롤링을 잘하고 검색해서 잘 가져온다고 하지만 모든 사이트들이 그렇게 하는건 아니기 때문에 )
- server side rendered
- 하지만 client side rendering의 단점을 server side rending의 경우 보완이 가능하다
- 서버측에서 미리 rendering을 해서 보내기 때문에 빨라지는 효과가 있다
- SPA는 친구들과 공유할때 원하는 데이터가 잘 전달되지 않을 수 있는데 server side rending을 하면 그 부분이 해결이 될 수 있다
- 정적사이트 생성에도 도움이 많이 된다
- 코드가 프레임워크로 정해져 있기 때문에 패턴만 익숙해지면 생산성이 좋아진다
📍 Nuxt.js 사용하기
- npx create-nuxt-app 또는 npm init nuxt-app