[Nuxt] Nuxt란? (Nuxt 메인 페이지 분석)

Nuxt

열심히 글 쓴 게 날아가서 후다닥 씁니다... 후아...

 

Nuxt3 정식 배포된 기념으로 튜토리얼 형식으로 공식문서 격파 포스팅!

 

여기부터 Nuxt 메인 페이지에 있는 내용들 정리(구글 번역, 심각한 수준의 의역)

틀린 거 있으면 알려주세요!

https://nuxt.com/

Nuxt: The Intuitive Web Framework

Nuxt란?

직관적인 웹 프레임워크라고 공식 홈페이지에 대문짝 하게 걸려있다.

Build your next Vue.js application with confidence using Nuxt. An open source framework under MIT license that makes web development simple and powerful.

 

Nuxt를 사용해 다음(next) Vue.js 애플리케이션을 만들어라.

웹 개발을 간단하고 강력하게 만드는 MIT 라이선스의 오픈 소스 프레임워크입니다.(구글 번역)

 

Nuxt가 Vue.js로 개발하는데 쉽고 빠르고 파워풀하니까 Nuxt를 사용해라!

 

최적화된 사용자 경험 제공(Deliver an optimized User Experience)

사용자가 상호작용과 웹사이트를 경험하는 방식에 따라 영향이 결정된다.

유용성, 사용성,  효율성이 포인트고 이걸 Nuxt가 가능하게 만들어준다.

 

빠르다!!!!!!!!!!!! Fast and Furious
Optimized with code-splitting, tree-shaking, optimized cold-start, link prefetching, payload extraction, just to name a few. Fast by default so you can focus on building.

코드 스플리팅, 트리 쉐이킹, 최적화된 콜드 스타드, link prefetching(URL LINK 통해 미리 연결), payload extraction? 등 제공해준다.

빌드에 집중할 수 있게만 해준다.

On-demand Rendering
Decide what rendering strategy at the route level: SSR, SSG, CSR, ISR, ESR, SWR. Build any kind of website or web application with optimized performance in mind.

하고 싶은 렌더링(SSR, SSG, CSR, ISR, ESR, SWR)을 골라서 사용 가능

SEO & Web Vitals
By leveraging server-side rendering, ESM format and optimized images, Nuxt websites are indexable by search engines while giving the feeling of an app to the end-users.

서버사이드 렌더링(SSR),  ESM 포맷, 이미지 최적화를 통해 SEO도 가능하게 하고, 유저에게 앱처럼 느끼게 해 준다.(web vitals 점수를 높게 한다는 뜻인 듯 나중에 체크해보자!)

 

새로운 개발자 경험을 제공(Discover a new Developer Experience)

개발자들도 비개발자들처럼 설계가 잘된 솔루션을 제공받을만하다.(Nuxt를 제공해주겠다)

Nuxt는 Vue 개발자들에게 아주 멋진 소프트웨어를 제공해주는 것이 목적이다.

Plug & Play
Unlock features by creating folders and files with the most intuitive directory structure made for developers and teams.

자동 구성을 해준다.

폴더,  파일을 직관적인 구조에 맞게 만들면 자동으로 기능들 사용이 가능하다.

참고 : https://namu.wiki/w/Plug%20%26%20Play

Automation
Repetitive tasks are automated: auto-imports, code-splitting, typings, minification, bundling for production. and more.

반복적인 작업을 자동화해준다.

오토임포트, 코드스플리팅, 타입체크, 압축, 프로덕션 빌드 등

Batteries Included
Data fetching, state management, meta tags helpers, route guards, cookies, error handling, bundle analyzer and more.

배터리 포함이란 장난감에 배터리 포함이면 바로 작동이 된다. 별도로 필요한 게 없다.

Nuxt도 데이터 페칭, 상태 관리, 메타 태그 헬퍼 등 내부적으로 제공해준다.

 

Nuxt전용 모듈을 제공한다.(Ship faster with Nuxt modules)

Nuxt is made with a robust plugin system. Integrate with popular CMS or UI libraries with one line of code. With more than 15M monthly downloads and 1K contributors, Nuxt modules are your day to day companions.

Nuxt는 강력한 플러그인 시스템으로 만들어졌다.

한 줄 코드만으로도 라이브러리 사용 가능하다.

 

 

이번 포스팅은 Nuxt 메인 페이지 훑어봤고

다음 포스팅은 Nuxt 소개 페이지를 훑어보겠습니다.

아마 그다음이 Nuxt 설치를 할 것 같네요