# nuxt

> Nuxt is a free and open-source framework with an intuitive and extendable way to create type-safe, performant and production-grade full-stack web applications and websites with Vue.js.

Latest version **4.5.2** (published 2026-08-05) · MIT license · 0 weekly downloads

## Install

```sh
npm install nuxt
pnpm add nuxt
yarn add nuxt
bun add nuxt
```

Provides the commands `nuxi`, `nuxt`.

## Health

**Score 80/100 (A)** — status: active.

Positive: has types; esm support; no vulnerabilities; has provenance; recently updated; high maintenance score; popular repo; extremely popular.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 4.5.2 |
| Published | 2026-08-05 |
| First published | 2016-10-26 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM |
| Node | ^22.19.0 \|\| ^24.11.0 \|\| >=26.0.0 |
| Dependencies | 59 |
| Unpacked size | 1.1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 60834 |
| Maintainers | nuxtbot |

## Links

- npm: https://www.npmjs.com/package/nuxt
- Repository: https://github.com/nuxt/nuxt
- Homepage: https://nuxt.com
- npm.io page: https://npm.io/package/nuxt

## Dependencies (59)

- [ufo](https://npm.io/package/ufo.md) ^1.6.4
- [vue](https://npm.io/package/vue.md) ^3.5.40
- [defu](https://npm.io/package/defu.md) ^6.1.7
- [errx](https://npm.io/package/errx.md) ^0.1.2
- [jiti](https://npm.io/package/jiti.md) ^2.7.0
- [mlly](https://npm.io/package/mlly.md) ^1.8.2
- [nypm](https://npm.io/package/nypm.md) ^0.6.9
- [rou3](https://npm.io/package/rou3.md) ^0.9.1
- [klona](https://npm.io/package/klona.md) ^2.0.6
- [ohash](https://npm.io/package/ohash.md) ^2.0.11
- [pathe](https://npm.io/package/pathe.md) ^2.0.3
- [scule](https://npm.io/package/scule.md) ^1.3.0
- [unctx](https://npm.io/package/unctx.md) ^3.0.0
- [ignore](https://npm.io/package/ignore.md) ^7.0.6
- [ofetch](https://npm.io/package/ofetch.md) ^1.5.1
- [undici](https://npm.io/package/undici.md) ^8.10.0
- [unhead](https://npm.io/package/unhead.md) ^3.3.1
- [verkit](https://npm.io/package/verkit.md) ^0.3.1
- [compatx](https://npm.io/package/compatx.md) ^0.2.0
- [consola](https://npm.io/package/consola.md) ^3.4.2
- [devalue](https://npm.io/package/devalue.md) ^5.9.0
- [exsolve](https://npm.io/package/exsolve.md) ^1.1.1
- [impound](https://npm.io/package/impound.md) ^1.1.6
- [nanotar](https://npm.io/package/nanotar.md) ^0.3.0
- [nostics](https://npm.io/package/nostics.md) ^1.2.0
- [std-env](https://npm.io/package/std-env.md) ^4.2.0
- [untyped](https://npm.io/package/untyped.md) ^2.0.0
- [chokidar](https://npm.io/package/chokidar.md) ^5.0.0
- [fnv1a-64](https://npm.io/package/fnv1a-64.md) ^0.1.2
- [hookable](https://npm.io/package/hookable.md) ^6.1.1
- [knitwork](https://npm.io/package/knitwork.md) ^1.3.0
- [uncrypto](https://npm.io/package/uncrypto.md) ^0.1.3
- [unimport](https://npm.io/package/unimport.md) ^6.4.0
- [unplugin](https://npm.io/package/unplugin.md) ^3.3.0
- [@nuxt/cli](https://npm.io/package/@nuxt/cli.md) ^3.37.0
- [@nuxt/kit](https://npm.io/package/@nuxt/kit.md) 4.5.2
- [cookie-es](https://npm.io/package/cookie-es.md) ^3.1.1
- [on-change](https://npm.io/package/on-change.md) ^6.0.2
- [picomatch](https://npm.io/package/picomatch.md) ^4.0.5
- [pkg-types](https://npm.io/package/pkg-types.md) ^2.3.1
- [ultrahtml](https://npm.io/package/ultrahtml.md) ^1.7.0
- [unrouting](https://npm.io/package/unrouting.md) ^0.2.2
- [@dxup/nuxt](https://npm.io/package/@dxup/nuxt.md) ^0.5.6
- [oxc-walker](https://npm.io/package/oxc-walker.md) ^1.1.1
- [tinyglobby](https://npm.io/package/tinyglobby.md) ^0.2.17
- [vue-router](https://npm.io/package/vue-router.md) ^5.2.0
- [@unhead/vue](https://npm.io/package/@unhead/vue.md) ^3.3.1
- [@vue/shared](https://npm.io/package/@vue/shared.md) ^3.5.40
- [@nuxt/schema](https://npm.io/package/@nuxt/schema.md) 4.5.2
- [magic-string](https://npm.io/package/magic-string.md) ^1.1.0
- [@nuxt/devtools](https://npm.io/package/@nuxt/devtools.md) ^3.4.1
- [@nuxt/telemetry](https://npm.io/package/@nuxt/telemetry.md) ^2.8.0
- [object-identity](https://npm.io/package/object-identity.md) ^0.2.3
- [rolldown-string](https://npm.io/package/rolldown-string.md) ^0.3.1
- [perfect-debounce](https://npm.io/package/perfect-debounce.md) ^2.1.0
- [@nuxt/nitro-server](https://npm.io/package/@nuxt/nitro-server.md) 4.5.2
- [@nuxt/vite-builder](https://npm.io/package/@nuxt/vite-builder.md) 4.5.2
- [escape-string-regexp](https://npm.io/package/escape-string-regexp.md) ^5.0.0
- [vue-component-type-helpers](https://npm.io/package/vue-component-type-helpers.md) ^3.3.9

## Recent versions

- 4.5.2 (latest) — 2026-08-05
- 3.21.11 (3x) — 2026-08-05
- 4.0.0-rc.0 (rc) — 2025-07-07
- 4.0.0-alpha.4 (alpha) — 2025-06-27
- 2.18.1 (2x) — 2024-06-28
- 1.4.5 (1x) — 2018-11-27
- 3.21.10 — 2026-07-27
- 4.5.1 — 2026-07-27
- 4.5.0 — 2026-07-18
- 3.21.9 — 2026-07-18
- 3.21.8 — 2026-06-08
- 4.4.8 — 2026-06-08
- 4.4.7 — 2026-06-02
- 3.21.7 — 2026-06-02
- 4.4.6 — 2026-05-18
- … 392 more at https://npm.io/package/nuxt/versions

## README

<a href="https://nuxt.com"><img width="830" height="213" src="https://github.com/nuxt/nuxt/blob/main/.github/assets/banner.svg" alt="Nuxt banner"></a>

# Nuxt

<p>
  <a href="https://npmx.dev/package/nuxt"><img src="https://npmx.dev/api/registry/badge/version/nuxt" alt="Version"></a>
  <a href="https://npmx.dev/package/nuxt"><img src="https://npmx.dev/api/registry/badge/downloads/nuxt" alt="Downloads"></a>
  <a href="https://github.com/nuxt/nuxt/blob/main/LICENSE"><img src="https://img.shields.io/github/license/nuxt/nuxt.svg?style=flat&colorA=18181B&colorB=28CF8D" alt="License"></a>
  <a href="https://nuxt.com/modules"><img src="https://img.shields.io/badge/dynamic/json?url=https://nuxt.com/api/v1/modules&query=$.stats.modules&label=Modules&style=flat&colorA=18181B&colorB=28CF8D" alt="Modules"></a>
  <a href="https://nuxt.com"><img src="https://img.shields.io/badge/Nuxt%20Docs-18181B?logo=nuxt" alt="Website"></a>
  <a href="https://chat.nuxt.dev"><img src="https://img.shields.io/badge/Nuxt%20Discord-18181B?logo=discord" alt="Discord"></a>
  <a href="https://securityscorecards.dev/viewer/?uri=github.com/nuxt/nuxt"><img src="https://api.securityscorecards.dev/projects/github.com/nuxt/nuxt/badge" alt="Nuxt openssf scorecard score"></a>
  <a href="https://deepwiki.com/nuxt/nuxt"><img src="https://deepwiki.com/badge.svg" alt="Ask DeepWiki"></a>
</p>

Nuxt is a free and open-source framework with an intuitive and extendable way to create type-safe, performant and production-grade full-stack web applications and websites with Vue.js.

It provides a number of features that make it easy to build fast, SEO-friendly, and scalable web applications, including:
- Server-side rendering, static site generation, hybrid rendering and edge-side rendering
- Automatic routing with code-splitting and pre-fetching
- Data fetching and state management
- Search engine optimization and defining meta tags
- Auto imports of components, composables and utils
- TypeScript with zero configuration
- Go full-stack with our server/ directory
- Extensible with [300+ modules](https://nuxt.com/modules)
- Deployment to a variety of [hosting platforms](https://nuxt.com/deploy)
- ...[and much more](https://nuxt.com) 🚀

### Table of Contents

- 🚀 [Getting Started](#getting-started)
- 💻 [Vue Development](#vue-development)
- 📖 [Documentation](#documentation)
- 🧩 [Modules](#modules)
- ❤️ [Contribute](#contribute)
- 🏠 [Local Development](#local-development)
- 🛟 [Professional Support](#professional-support)
- 🔗 [Follow Us](#follow-us)
- ⚖️ [License](#license)

---

## <a name="getting-started">🚀 Getting Started</a>

Use the following command to create a new starter project. This will create a starter project with all the necessary files and dependencies:

```bash
npm create nuxt@latest <my-project>
```

> [!TIP]
> Discover also [nuxt.new](https://nuxt.new): Open a Nuxt starter on CodeSandbox, StackBlitz or locally to get up and running in a few seconds.

## <a name="vue-development">💻 Vue Development</a>

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.

Example of an `app.vue`:

```vue
<script setup lang="ts">
useSeoMeta({
  title: 'Meet Nuxt',
  description: 'The Intuitive Vue Framework.',
})
</script>

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

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

## <a name="documentation">📖 Documentation</a>

We highly recommend you take a look at the [Nuxt documentation](https://nuxt.com/docs) to level up. It’s a great resource for learning more about the framework. It covers everything from getting started to advanced topics.

## <a name="modules">🧩 Modules</a>

Discover our [list of modules](https://nuxt.com/modules) to supercharge your Nuxt project, created by the Nuxt team and community.

## <a name="contribute">❤️ Contribute</a>

We invite you to contribute and help improve Nuxt 💚

Here are a few ways you can get involved:
- **Reporting Bugs:** If you come across any bugs or issues, please check out the [reporting bugs guide](https://nuxt.com/docs/4.x/community/reporting-bugs) to learn how to submit a bug report.
- **Suggestions:** Have ideas to enhance Nuxt? We'd love to hear them! Check out the [contribution guide](https://nuxt.com/docs/4.x/community/contribution) to share your suggestions.
- **Questions:** If you have questions or need assistance, the [getting help guide](https://nuxt.com/docs/4.x/community/getting-help) provides resources to help you out.

## <a name="local-development">🏠 Local Development</a>

Follow the docs to [Set Up Your Local Development Environment](https://nuxt.com/docs/4.x/community/framework-contribution#setup) to contribute to the framework and documentation.

## <a name="professional-support">🛟 Professional Support</a>

- Technical audit & consulting: [Nuxt Experts](https://nuxt.com/enterprise/support)
- Custom development & more: [Nuxt Agencies Partners](https://nuxt.com/enterprise/agencies)

## <a name="follow-us">🔗 Follow Us</a>

<p valign="center">
  <a href="https://go.nuxt.com/discord"><img width="20" src="https://github.com/nuxt/nuxt/blob/main/.github/assets/discord.svg" alt="Discord"></a>&nbsp;&nbsp;<a href="https://go.nuxt.com/x"><img width="20" src="https://github.com/nuxt/nuxt/blob/main/.github/assets/twitter.svg" alt="Twitter"></a>&nbsp;&nbsp;<a href="https://go.nuxt.com/github"><img width="20" src="https://github.com/nuxt/nuxt/blob/main/.github/assets/github.svg" alt="GitHub"></a>&nbsp;&nbsp;<a href="https://go.nuxt.com/bluesky"><img width="20" src="https://github.com/nuxt/nuxt/blob/main/.github/assets/bluesky.svg" alt="Bluesky"></a>
</p>

## <a name="license">⚖️ License</a>

[MIT](https://github.com/nuxt/nuxt/blob/main/LICENSE)

---
_Source: https://npm.io/package/nuxt · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
