[Nuxt3] Nuxt란?

Vue의 meta-framework

- meta-framework : 프레임워크를 위한 프레임워크

 

역할 :  ui 프레임워크인 Vue가 어떤 라이브러리를 쓸지 고민하지 않게해줌

1. rendering mode 설정

• Vue는 SPA(Single Page Application) : csr - 서버는 브라우저에 거의 빈 HTML보냄 == link to a Javascript file

  //fetched and parsed
  <script type="module" src="js파일 경로"></script>

  
  
  • No SEO : not crawled by serch engines
• SSR : 브라우저가 진입전에 js run 안해도됨
  • SEO, 공유하기, 성능면에서 좋음
• Universal Rendering : SSR + SPA
  • SSR : server rendered, download
  • CSR : Hydration  - SSR로 만들어진 정적 HTML이 브라우저에 로드되면 이에 JS 삽입해 작동. 
• Hybrid Rendering : route-by-route basis rendering
• Static Site Generation(SSG)
• Incremental Static Generation(ISG)

 

2. 개발자 경험 developer experience 증진

• Auth imported components and more
• File-based routing
• Out of the box TypeScript support : JS, TS IDE autocompletion

 

추가사항 : Astro

 

참고 : Vue School Nuxt Fundamental