The Progressive
Web Framework
Create high-quality web applications with Nuxt, the open source framework that makes full-stack development with Vue.js intuitive.
app.vue
<script setup lang="ts">
const version = 3
</script>
<template>
<h1>
Hello Nuxt {{ version }}!
</h1>
</template>
<style scoped>
h1 {
font-size: 3rem;
}
</style>
pages/index.vue
<template>
<h1>Index page</h1>
<NuxtLink to="/blog/hello-world">
Go to blog post
</NuxtLink>
</template>
pages/index.vue
<script setup lang="ts">
const { data } = await useFetch('/api/cms/home')
</script>
<template>
<h1>{{ page.title }}</h1>
<NuxtLink to="/blog/hello-world">
Go to blog post
</NuxtLink>
</template>
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'
}
})
Chosen by leading companies worldwide
Enable features as you grow
Nuxt grows and adapts with your needs while providing an exceptional developer experience. Build anything from simple landing pages to complex web applications that scale for teams of hundreds of developers. We've designed Nuxt to be approachable for developers of all skill levels.
- Zero ConfigurationStart coding with Vue or Typescript immediately — Nuxt handles all the setup for you.
- Rendering ModesServer-side rendering, client-side rendering, static-site generation, you decide, up to the page level.
- Routing & LayoutsUse our file-based routing system to build complex url-based views while reusing components for performance.
- Data FetchingMake your Vue component async and await your data. Nuxt provides powerful composables for universal data fetching.
- Error HandlingCatch errors in your application with our built-in handlers and custom error pages.
- TransitionsImplement smooth transitions between layouts, pages, and components.
- Assets & StyleBenefit from automatic image, font, and script optimizations with built-in support.
- SEO & Meta TagsCreate production-ready applications that are fully indexable by search engines.
- ModularExtend Nuxt features with 200+ modules to ship your application faster.
- MiddlewareProtect or add custom logic (localization, A/B testing) before rendering pages.
- Type-safe with TypeScriptWrite type-safe code with automatically generated types and tsconfig.json.
- Deep dive into Nuxt now
Built on a solid foundation
Nuxt is built on top of bulletproof open source technologies, with versatility to choose between different build tools.
Frontend with Vue.js
Nuxt is built on top of Vue.js, leveraging its reactive, component-based architecture to create powerful, scalable, and seamless web applications.
Bundler with Vite
Nuxt leverages Vite's frontend build capabilities, powering rapid development of web applications with instant HMR for the best developer experience.
Server with Nitro
Nuxt uses Nitro as server engine to build versatile full-stack web applications, ready for deployment on any platform.
The developer's choice for simple and powerful web apps
Nuxt was born from developers' need to boost productivity and platform performance.
What began as a Vue-based solution for automating tasks and server-side rendering is now trusted by startups and enterprises all around the world.
Open source
Nuxt is 100% powered by our passionate open source community. Every line of Nuxt is written by passionate developers like you.
Start contributingExtend Nuxt with plug & play modules
Nuxt has a rich module ecosystem, with both official and community-driven modules. This accelerates development by providing ready-to-use solutions for common needs.
Deploy your app anywhere
One-command deployments and zero-configuration options make it easy to get your Nuxt app live. Choose your platform, and let Nuxt handle the rest, allowing you to focus on building great applications rather than managing complex deployments.
Nuxt Enterprise Support
To ensure your Nuxt projects reach their full potential, our Nuxt Experts team, featuring Vue, Nuxt and Vite, core contributors — offers a complete suite of services.
Performance optimization
Boost Nuxt performance and reliability with our expert optimizations.
Migration to Nuxt
Ensure successful, painless migrations from start to deployment.
Nuxt Workshop
Develop expert teams through training and support.
Built by developers around the world.
The development of Nuxt and its ecosystem is led by an international team. From contributors to developer advocates, the community is made up of members with different horizons and skills. We are happy to see new members every day and encourage anyone to join us and help in many ways: answering questions, giving a talk, creating modules and contributing to the core.
Sponsors
Nuxt is and will always remain free and open source under the MIT License, thanks to our contributors and sponsors.
