직관적인
풀스택 Vue 프레임워크
Vue로 빠르고 안정적인 프로덕션 웹 앱을 만드세요. 파일 기반 라우팅, 자동 임포트, 서버 렌더링까지 기본으로 제공됩니다.
app/app.vue
<script setup lang="ts">
const version = 4
</script>
<template>
<h1>
Hello Nuxt {{ version }}!
</h1>
</template>
<style scoped>
h1 {
font-size: 3rem;
}
</style>
app/pages/index.vue
<template>
<h1>Index page</h1>
<NuxtLink to="/blog/hello-world">
Go to blog post
</NuxtLink>
</template>
app/pages/index.vue
<script setup lang="ts">
const { data: page } = await useFetch('/api/cms/home')
</script>
<template>
<h1>{{ page.title }}</h1>
<NuxtLink to="/blog/hello-world">
Go to blog post
</NuxtLink>
</template>
app/app.vue
<script setup>
const message = ref('Nuxt')
const hello = () => sayHello(message.value)
</script>
<template>
<main>
<h1>Demo with auto imports</h1>
<form @submit.prevent="hello">
<MyInput v-model="message" />
<button type="submit">Say Hello</button>
</form>
</main>
</template>
server/api/hello.ts
export default defineEventHandler((event) => {
return {
message: 'Hello World'
}
})
전 세계 주요 기업이 Nuxt를 선택했습니다
필요한 것은 모두, 복잡함은 최소로
Nuxt가 아키텍처를 맡고, 여러분은 제품 개발에 집중할 수 있습니다.
- 설정 최소화Vue와 TypeScript 코딩을 바로 시작하세요. Nuxt가 초기 설정을 대신 처리합니다.
- 다양한 렌더링 모드SSR, CSR, 정적 생성까지 페이지 단위로 원하는 방식으로 선택할 수 있습니다.
- 라우팅과 레이아웃파일 기반 라우팅으로 복잡한 화면을 구성하고, 컴포넌트 재사용으로 성능도 챙길 수 있습니다.
- 데이터 패칭컴포넌트를 async로 만들고 데이터를 await 하세요. 범용 데이터 패칭용 강력한 컴포저블이 제공됩니다.
- 에러 처리내장 핸들러와 커스텀 에러 페이지로 애플리케이션 오류를 안정적으로 처리할 수 있습니다.
- 트랜지션레이아웃, 페이지, 컴포넌트 전환을 부드럽게 구성할 수 있습니다.
- 에셋과 스타일이미지, 폰트, 스크립트 최적화를 내장 지원으로 손쉽게 활용할 수 있습니다.
- SEO와 메타 태그검색 엔진 친화적인 프로덕션급 애플리케이션을 만들 수 있습니다.
- 모듈 확장성200개 이상의 모듈로 기능을 빠르게 확장하고 개발 속도를 높일 수 있습니다.
- 미들웨어렌더링 전에 인증, 현지화, A/B 테스트 같은 로직을 적용할 수 있습니다.
- TypeScript 기반 타입 안정성자동 생성된 타입과 tsconfig를 바탕으로 안전하게 코드를 작성할 수 있습니다.
- 이제 Nuxt를 깊이 있게 살펴보세요
검증된 도구 위에 구축된 프레임워크
프런트엔드는 Vue, 서버는 Nitro, 번들러는 원하는 선택지를 사용할 수 있습니다.
Vue.js 기반 프런트엔드
Nuxt는 Vue.js 위에 구축되어 반응형 컴포넌트 아키텍처를 바탕으로 강력하고 확장 가능한 웹 앱을 만들 수 있게 합니다.
Vite 번들링
Vite의 빠른 번들링과 즉시 반영 HMR로 더 쾌적한 개발 경험을 제공합니다.
Nitro 기반 서버 엔진
Nuxt는 Nitro를 서버 엔진으로 사용해 어떤 플랫폼에도 배포 가능한 풀스택 웹 앱을 구축합니다.
플러그 앤 플레이 모듈로 Nuxt 확장하기
공식 모듈과 커뮤니티 모듈이 풍부하게 준비되어 있어, 자주 필요한 기능을 더 빠르게 도입할 수 있습니다.
전 세계 개발자가 신뢰하는 프레임워크
스타트업부터 엔터프라이즈까지, 100% 오픈 소스로 성장하고 있습니다.
어디에나 배포하세요
한 번의 명령으로 배포하세요. SSR, 정적 생성, 엣지 환경까지 Nuxt가 플랫폼에 맞춰 동작합니다.
Nuxt 엔터프라이즈 지원
Nuxt 프로젝트의 잠재력을 최대한 끌어낼 수 있도록, Vue, Nuxt, Vite 핵심 기여자로 구성된 전문가 팀이 종합적인 지원 서비스를 제공합니다.
성능 최적화
전문적인 최적화로 Nuxt 애플리케이션의 성능과 안정성을 높일 수 있습니다.
Nuxt 마이그레이션
기획부터 배포까지 부담을 줄이며 안정적으로 Nuxt로 이전할 수 있습니다.
Nuxt 워크숍
교육과 지원을 통해 팀의 Nuxt 역량을 빠르게 끌어올릴 수 있습니다.
전 세계 개발자와 함께 만드는 Nuxt
수백 명의 기여자가 매일 Nuxt를 더 나은 프레임워크로 만들고 있습니다. 지금 함께하세요.
