Nuxt

Nuxt

Open Source

The Full-Stack Vue Framework.

Frontend Frameworks
JS Metaframeworks

Published 29 May 2026 · Last updated 30 September 2026

Scores

Popularity3/5

Second most popular Vue metaframework; ~60k GitHub stars; strong adoption in Europe and Asia but significantly smaller community than Next.js.

Learning Curve2/5

File-based routing and auto-imports eliminate most boilerplate; Vue developers ramp up in hours; even newcomers find the conventions clear.

Flexibility3/5

Opinionated directory structure reduces friction for standard apps; custom architectures or unusual routing patterns require working within Nuxt's conventions.

Performance4/5

Nitro edge cold starts ~2ms; Nuxt's Vue runtime is lighter than React's; automatic code splitting and caching deliver strong Core Web Vitals out of the box.

Portability4/5

Nitro server engine deploys to Vercel/Cloudflare/Netlify/Node with a one-line adapter swap; switching the underlying UI framework still requires a rewrite.

About Nuxt

Nuxt is an open-source, full-stack framework built on top of Vue.js that provides everything needed to ship production web applications without manual configuration. It combines Vue for the UI layer, Vite for bundling, and Nitro as a universal server engine — allowing the same application to deploy to Node.js, Cloudflare Workers, AWS Lambda, Vercel, or any edge runtime.

Out of the box, Nuxt gives developers file-based routing (pages in /pages map directly to routes), automatic component and composable imports (no manual import statements needed), and multiple rendering strategies in a single project: full SSR, static generation (SSG), hybrid rendering (per-route), and client-side SPA mode. This flexibility makes it suitable for content-heavy sites, e-commerce, dashboards, and full-stack SaaS apps alike.

Nuxt 4 introduced a cleaner project structure (application code lives in an app/ directory by default), smarter data fetching (components that share a key automatically share their data), better TypeScript context separation between app, server, and shared code, and a faster CLI and dev server.

NuxtLabs, the company behind Nuxt, is now part of Vercel, which has committed to keeping Nuxt multi-vendor: full-stack Nuxt apps deploy equally well to Cloudflare, AWS, Netlify, or any other provider, not just Vercel. The project is MIT-licensed and remains entirely free, with optional commercial products and support sold separately from the open-source framework.

Key Features

  • File-based routing: pages directory maps automatically to URL routes
  • Auto-imports: components, composables, and utilities require no manual import statements
  • Multiple rendering modes: SSR, SSG, hybrid per-route, and SPA in one codebase
  • Nitro server engine: universal deployment to Node.js, edge, serverless, and static hosts
  • Built-in API routes: server-side endpoints under `/server/api/` alongside the frontend
  • Full TypeScript support with auto-generated route and composable types
  • 200+ official and community modules (auth, i18n, image, content, UI)
  • Nuxt DevTools — in-browser inspector for routes, components, state, and network

Pros

  • Gentle learning curve for Vue developers — conventions replace configuration
  • SSR and SSG out of the box with no extra setup improves SEO and Core Web Vitals
  • Auto-imports dramatically reduce boilerplate and keep files clean
  • Smaller runtime bundle than React-based alternatives — Vue runtime is ~33% lighter
  • Multi-provider deployment flexibility via Nitro (not locked to Vercel)
  • Vibrant module ecosystem and active core team

Cons

  • Error messages often lack context about where in the SSR pipeline a problem occurred
  • Some Vue plugins designed for client-only use require workarounds to work with SSR
  • Server load at large traffic scale requires deliberate caching strategy — SSR overhead adds up
  • Opinionated directory conventions can feel restrictive for non-standard architectures
  • Nuxt 3 has reached end of maintenance; teams still on v3 need to migrate to v4

Nuxt Pricing

Open Source

Tech Stacks with Nuxt

Nuxt Static Site

Project

Nuxt in static generation mode. Vue-powered pre-rendered pages ideal for marketing sites, documentation, and blogs: the Vue equivalent of Astro or SvelteKit for content-driven output.

Deploy on:
CI/CD add-on:
Styling add-on:
Analytics add-on:

Nuxt + Supabase

Project

Full-stack Vue.js with managed Postgres. Nuxt handles SSR, routing, and server API routes; Supabase provides the database, auth, and storage. The natural entry point for Vue developers building their first full-stack application.

Frontend

Programming

Databases

Hosting

Authentication

Auth:
Deploy on:
CI/CD add-on:
Containerization add-on:
Email add-on:
Payments add-on:
Styling add-on:
Analytics add-on:

Tools Related to Nuxt

Works well with Nuxt(1)

Mastra is a TypeScript-native agent framework with an official Nuxt integration guide, the Vue-ecosystem counterpart to its Next.js guide.

Integrates with Nuxt(3)

Nuxt ships an official `@nuxtjs/netlify-edge` adapter that deploys the Nitro server to Netlify Edge Functions, with full SSR support and automatic CDN asset handling.

NuxtLabs (now part of Vercel) provides a first-party `@nuxtjs/vercel` adapter and official deployment support; Vercel's dashboard offers one-click Nuxt project creation with full SSR and edge rendering.

BetterAuth is the recommended self-hosted auth library for Nuxt, with an official adapter for Nitro server-side session management.

Built on (1)

Nuxt is a full-stack metaframework built on top of Vue.js — it adds SSR, file-based routing, auto-imports, and Nitro deployment adapters over the Vue UI layer.

Alternatives to Nuxt(3)

Nuxt and Next.js are the closest direct alternatives — both are full-stack SSR metaframeworks with file-based routing and hybrid rendering, differing primarily in UI layer (Vue vs React) and ecosystem size.

Nuxt and SvelteKit are direct competitors in the SSR metaframework space — both prioritize developer experience and progressive enhancement but use different UI frameworks (Vue vs Svelte).

Nuxt and Astro both target server-rendered output but serve different use cases — Nuxt is Vue-centric and full-stack, while Astro is UI-framework-agnostic and optimized for content-heavy, island-architecture sites.

Vendor

Tags

JavaScriptTypeScriptOpen SourceWeb DevelopmentWebComponent-basedReactive

Details

Maintained
Yes
Primary language
TypeScript
Domain
Full-stack
GitHub stars
60.9k
Stars updated
2026-09-23