Frameworks
Nuxt icon

Nuxt

The Vue equivalent of Next.js: file-based routing, auto-imports, SSR out of the box, and a large module ecosystem if you're coming from Vue.

What is Nuxt?

Nuxt is a Vue meta-framework that plays roughly the same role for Vue that Next.js plays for React: file-based routing, server-side rendering, and a structured project layout, built on top of Vite. It leans heavily on convention (auto-imports for components and composables, directory-based routing) so a lot of boilerplate that would otherwise need manual setup in a plain Vue app is handled by the framework instead.

Key features

  • File-based routing generated automatically from the pages directory
  • Auto-imports for components, composables, and utilities, cutting down on repetitive import statements
  • Server-side rendering and static generation modes built in, comparable to Next.js's rendering options
  • Large module ecosystem (Nuxt Content, Nuxt Image, Pinia integration, etc.) covering most common app needs
  • Built on Vite, so dev server startup and hot module reload are fast

Who it's for

Teams already invested in Vue who want a batteries-included framework rather than assembling routing, SSR, and build tooling themselves. Not a fit for a React-based team; the frameworks aren't interchangeable across the ecosystem despite the similar feature set.

Pricing

Free and open source. Hosting cost depends on where it's deployed.