Page Inspect

Nuxt: The Progressive Web Framework

v4.2.1

- Docs
- Modules
- Templates
- Resources
- Enterprise
- Blog

58.9K

Nuxt MCP Server is out

# The Progressive
Web Framework

Create high-quality web applications with Nuxt, the open source framework that makes full-stack development with Vue.js intuitive.

Get started Nuxt in 100 seconds

MinimalRoutingData FetchingAuto-ImportsAPI Routes

- app.vue
- package.json

app.vue

`<script setup lang="ts"> const version = 4 </script> <template>   <h1>    Hello Nuxt {{ version }}!  </h1> </template> <style scoped> h1 {   font-size: 3rem; } </style>`

- pages
- blog
- index.vue
- app.vue
- package.json

pages/index.vue

`<template>   <h1>Index page</h1>  <NuxtLink to="/blog/hello-world">    Go to blog post  </NuxtLink> </template>`

- pages
- blog
- index.vue
- app.vue
- package.json

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>`

- components
- composables
- app.vue
- package.json

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>`

- pages
- server
- api
- hello.ts
- app.vue
- package.json

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 Configuration

Start coding with Vue or Typescript immediately — Nuxt handles all the setup for you.
- Rendering Modes

Server-side rendering, client-side rendering, static-site generation, you decide, up to the page level.
- Routing & Layouts

Use our file-based routing system to build complex url-based views while reusing components for performance.
- Data Fetching

Make your Vue component async and await your data. Nuxt provides powerful composables for universal data fetching.
- Error Handling

Catch errors in your application with our built-in handlers and custom error pages.
- Transitions

Implement smooth transitions between layouts, pages, and components.
- Assets & Style

Benefit from automatic image, font, and script optimizations with built-in support.
- SEO & Meta Tags

Create production-ready applications that are fully indexable by search engines.
- Modular

Extend Nuxt features with 200+ modules to ship your application faster.
- Middleware

Protect or add custom logic (localization, A/B testing) before rendering pages.
- Type-safe with TypeScript

Write type-safe code with automatically generated types and tsconfig.json.
- Deep dive into Nuxt now

Start reading docs

## 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.

vuejs.org

Bundler with Vite

Nuxt leverages Vite's frontend build capabilities, powering rapid development of web applications with instant HMR for the best developer experience.

vite.dev

Server with Nitro

Nuxt uses Nitro as server engine to build versatile full-stack web applications, ready for deployment on any platform.

nitro.build

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

Creator of Vue.js and Vite

## 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.

4M

Monthly downloads

58.9K

GitHub Stars

Open source

Nuxt is 100% powered by our passionate open source community. Every line of Nuxt is written by passionate developers like you.

Start contributing

102k

Followers

32k

Members

## Extend 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.

Explore all modules

@nuxt/ui

The Intuitive UI Library powered by Reka UI and Tailwind CSS.

587K5.8K

Copy command to install ui

@nuxt/content

The file-based CMS with support for Markdown, YAML, JSON.

320K3.5K

Copy command to install content

@nuxt/devtools

Visual tools that help you to know your Nuxt application better.

3.5M3.2K

Copy command to install devtools

@nuxt/image

Add images with progressive processing, lazy-loading, resizing and providers support.

1M1.5K

Copy command to install image

@nuxt/icon

Icon module for Nuxt with 200,000+ ready to use icons from Iconify.

862.9K1.1K

Copy command to install icon

@nuxt/eslint

Project-aware, easy-to-use, extensible and future-proof ESLint integration.

1.2M622

Copy command to install eslint

@nuxt/fonts

Add custom web fonts with performance in mind.

747.9K566

Copy command to install fonts

@nuxt/scripts

Add 3rd-party scripts without sacrificing performance.

409.5K521

Copy command to install scripts

@nuxt/test-utils

Test utilities for Nuxt.

1.2M405

Copy command to install test-utils

@nuxt/hints

Nuxt module that shows hints for aspects of your application such as Performance, Security, and more!

2.7K231

Copy command to install hints

## 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.

Learn how to deploy now

## 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.

Talk to a Nuxt Expert

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.

Nuxters

Showcase

## Real-world Web Applications built with Nuxt

View all websites

Louis Vuitton

Trade Republic

Armani

NASA Jet Propulsion Laboratory

Google Ventures

Microsoft Edge Developer

Comet by Perplexity AI

Tiktok Ads

Stack Overflow

Upwork

## Sponsors

Nuxt is and will always remain free and open source under the MIT License, thanks to our contributors and sponsors.

Become a sponsorView all sponsors

diamond sponsors

Vercel

Chrome Frameworks Fund

Neon Serverless Postgres

platinum sponsors

Zen Architects

Mojam

Localazy

gold sponsors

Curotec

64 Robots

Vue Mastery

Kinde

Logto

JetBrains

### Community

- Nuxters
- Team
- Design Kit

### Explore

- Modules
- Templates
- Showcase

### Enterprise

- Support
- Agencies
- Sponsors

Subscribe to our newsletter

Stay updated on new releases and features, guides, and community updates.

Subscribe

Nuxt on XNuxt on BlueSkyNuxt on LinkedInNuxt on DiscordNuxt on GitHub

Copyright © 2016-2025 Nuxt - MIT License