Nuxt.js
js that adds file-based routing, server-side rendering, static site generation, and a structured application architecture on top of Vue.
Definition
Nuxt.js is a meta-framework for Vue.js that adds file-based routing, server-side rendering, static site generation, and a structured application architecture on top of Vue.
Overview
Nuxt.js was created by Sébastien Chopin and Alexandre Chopin and first released in 2016, explicitly modeled on the idea of giving Vue.js the kind of full-application conventions that Next.js was bringing to React around the same time. Like Next.js, Nuxt provides file-system-based routing generated from a project's directory structure, and supports multiple rendering modes—server-side rendering, static site generation, and, in Nuxt 3, hybrid rendering that can mix strategies per route. Nuxt 3 rebuilt the framework on Vue 3 and TypeScript, using Nitro, its own server engine, to make deployment portable across Node.js servers, serverless functions, and edge runtimes. Nuxt is commonly chosen by teams already invested in Vue who want the same "batteries-included" developer experience that Next.js offers React developers, and it's frequently deployed to platforms like Vercel or Netlify alongside other modern frontend frameworks.
Key Features
- File-system-based routing derived from the project structure
- Multiple rendering modes: SSR, static generation, and hybrid rendering
- Nitro server engine for deploying to Node.js, serverless, or edge runtimes
- Auto-imported components and composables, reducing boilerplate
- Built on Vue 3 and TypeScript in Nuxt 3
- Module ecosystem for adding features like content management or SEO
- Built-in data-fetching composables for server and client rendering