Learn Nuxt with a Collection of 100+ Tips!

The Intuitive
Vue Framework

Nuxt is an open source framework that makes web development intuitive and powerful.
Create performant and production-grade full-stack web apps and websites with confidence.
Get Started

Trusted by the best front-end teams

The power of
Vue Components

We love Vue Single-File Components as much as you do. Simple, intuitive and powerful, Nuxt lets you write Vue components in a way that makes sense. Every repetitive task is automated, so you can focus on writing your full-stack Vue application with confidence.
app.vue
<script setup>
useSeoMeta({
  title: 'Meet Nuxt',
  description: 'The Intuitive Vue Framework.'
})
</script>

<template>
  <div id="app">
    <AppHeader />
    <NuxtPage />
    <AppFooter />
  </div>
</template>

<style>
#app {
  background-color: #020420;
  color: #00DC82;
}
</style>

Static or Dynamic,
the choice is yours

Decide what rendering strategy you need at the route level. By leveraging the hybrid rendering, you can get the best of both worlds: the performance of a static site and the interactivity of a dynamic one.
export default defineNuxtConfig({
  routeRules: {
    // Homepage pre-rendered at build time
    '/': { prerender: true },
    // Product page generated on-demand, revalidates in background
    '/products/**': { swr: true },
    // Blog post generated on-demand once until next deploy
    '/blog/**': { isr: true },
    // Admin dashboard renders only on client-side
    '/admin/**': { ssr: false },
    // Add cors headers on API routes
    '/api/**': { cors: true },
    // Redirects legacy urls
    '/old-page': { redirect: '/new-page' }
  }
})

Compose with
everything you need.

Routing & Layouts

File based routing system to build complex views and interfaces with a powerful and conventional approach.

Data Fetching

Composables that run on the server to fetch data for your components and enable you to render content in different ways.

Assets & Style

Image, Font and Script optimizations with a built-in support for CSS Modules, Sass, PostCSS, CSS-in-JS and more.

SEO & Meta Tags

Production ready and indexable by search engines while giving the feeling of an app to the end-users.

Middleware

Run custom code such as authentication, localization or A/B testing before rendering a page or a group of pages.

State Management

Nuxt provides a simple way to share a reactive and SSR-friendly state between components.

Transitions

Create smooth transitions between layouts, pages and components with a built-in support for Vue & browser transitions.

Error Handling

Built-in error handling and logging to help you debug your application and provide a better user experience.

Layers

Extend your Nuxt application with another Nuxt application to reuse components, composables, layouts, pages and more.

Server Routes

Create API endpoints and server routes to securely connect with third party services and consume from your frontend.

Auto Imports

Nuxt auto-imports helpers, composables, and Vue APIs to use across your app without explicitly importing them.

TypeScript

Nuxt provides helpful shortcuts to ensure you have access to accurate type information when you are coding.

Ship faster with
endless integrations

Integrate with your favorite tools and services. Nuxt is built to be flexible and can be extended with a robust modules ecosystem. Connect your application with popular headless CMS, eCommerce, Database or UI/UX libraries with a single line of code.
CloudflareVercelHerokuAmplifyDigitalOceanNetlifyTailwind CSSSupabaseStripeFirebaseStrapiWordPressDirectusStoryblokSanitySentryShopifySnipcartMeilisearchAlgolia

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.

Trusted by the
World Wide Web.

Nuxt offers a compelling solution and a great ecosystem to help you ship fullstack Vue apps that are performant and SEO friendly. The flexibility to choose between SSR and SSG is icing on the cake.
Evan You

Evan You

Creator of Vue.js and Vite

Nuxt is a fantastic choice for teams building a production-grade product on the web. It aims to bake in performance best-practices while maintaining excellent Vue.js DX.
Addy Osmani

Addy Osmani

Chief Engineer of Chrome

Nuxt has been an incredible source of innovation and inspiration for developers and framework authors alike. It's been amazing to see its growth in web projects of all sizes on the web.
Guillermo Rauch

Guillermo Rauch

Co-founder and CEO of Vercel

Nuxt has outstanding developer productivity, experience, and performance right out of the gate! There’s so much attention to detail, ensuring teams have everything at their fingertips to productively build all manners of applications.
Sarah Drasner

Sarah Drasner

Director of Engineering, Google

Nuxt has a unique approach of combining a great developer experience with reusable, fully integrated features that speed up the development and performance of your next website or application.
Dominik Angerer

Dominik Angerer

Co-founder of Storyblok

The moment I used Nuxt for the first time I felt in love with it. Apart from its scalability, performance and developer experience, the team behind of it is also fantastic. Thanks for developing such a great framework and making our lives much easier!
Savas Vedova

Savas Vedova

Senior Frontend Engineer at GitLab

Nuxt’s blend of high performance and focused developer experience is a game changer. Its SSR and SSG flexibility, coupled with a community that’s as vibrant as the Vue.js ecosystem, makes it a great choice for modern web projects.
Rijk van Zanten

Rijk van Zanten

CTO at Directus