Nuxt 4
The fourth major version of Nuxt, the full-stack meta-framework built on top of Vue.js
js that provides file-based routing, server-side rendering, and a unified data-fetching layer, with a new default directory structure and stricter data handling compared to Nuxt 3.
Definition
Nuxt 4 is a major version of Nuxt, a full-stack meta-framework for Vue.js that provides file-based routing, server-side rendering, and a unified data-fetching layer, with a new default directory structure and stricter data handling compared to Nuxt 3.
Overview
Nuxt sits on top of Vue.js the way Next.js sits on top of React: it takes a component library and adds the conventions a production application needs — routing, server rendering, code splitting, and deployment tooling — so teams don't have to assemble those pieces themselves. Nuxt 4 continues that role while focusing on developer-experience refinements rather than a ground-up rewrite, following the larger architectural shift that landed in Nuxt 3 when the framework moved to Vue 3, Vite, and the Nitro server engine. The most visible change in Nuxt 4 is a reorganized project structure, with application source code consolidated under a top-level `app/` directory rather than scattered across the project root, which reduces ambiguity for tools and newcomers about what is application code versus configuration or server code. Nuxt 4 also tightens the behavior of its `useAsyncData` and `useFetch` composables, making returned data more predictable and better typed, and improves compatibility with Vue's newer reactivity features so components behave more consistently between server and client rendering passes. Under the hood, Nuxt continues to rely on Nitro, its own server engine, which lets a single Nuxt application deploy as a Node.js server, a static site, a serverless function, or an edge worker without code changes — the deployment target is chosen through configuration, not a different codebase. This 'write once, deploy anywhere' model is one of Nuxt's core differentiators from plain Vue plus a router and a hand-rolled server. Nuxt 4 maintains backward compatibility with most Nuxt 3 modules and provides a compatibility flag for teams that need time to migrate, reflecting the project's emphasis on incremental upgrades over disruptive breaking changes for its large existing module ecosystem.
Key Features
- File-based routing generated automatically from the pages directory
- Universal rendering: server-side rendering, static generation, or client-only per route
- Nitro server engine enabling deployment to Node.js, serverless, or edge targets from one codebase
- Reorganized app/ directory structure for clearer separation of source and config
- Auto-imported composables and components with no manual import statements
- Stricter, better-typed data-fetching composables (useFetch, useAsyncData)
- Built on Vite for fast development server startup and hot module replacement
- Large first-party and community module ecosystem (Nuxt UI, Nuxt Content, Pinia integration)
Use Cases
Alternatives
History
Nuxt is a full-stack web framework built on Vue.js that adds server-side rendering, static site generation, file-based routing, and a batteries-included developer experience — the Vue counterpart to React's Next.js, by which it was inspired. It was created by brothers Sébastien and Alexandre Chopin, who published the initial 0.0.1 version on October 26, 2016, just days after Next.js's first release; Nuxt 1.0 followed on January 8, 2018. The framework was later rebuilt on the Nitro server engine and Vite, and its version 4 generation continues that modernization, streamlining project structure and full-stack data handling while keeping Nuxt one of the most popular ways to build Vue applications.
Sources
- Nuxt — official website · as of 2026-07-17
- Nuxt on GitHub — nuxt/nuxt · as of 2026-07-17