What Nuxt Is

Nuxt is a Vue meta-framework that adds routing, data fetching, SSR/SSG, and a server runtime out of the box.

4 min read Level 1/5 #nuxt#intro#overview

What you'll learn

Understand what Nuxt is and why use it over plain Vue
See where Nuxt fits among Next, Remix, and Astro
Know Nuxt 3 era basics — Nitro, auto-imports, hybrid rendering

Nuxt is a Vue.js meta-framework that wraps Vue 3 with file-based routing, a universal data layer, server-side rendering, static generation, and a built-in Nitro server. If Vue is the engine, Nuxt is the car.

Why Nuxt (and Not Plain Vue)?

Plain Vue gives you a great component model — but every real app also needs routing, data fetching, SEO-friendly rendering, an API layer, and a build pipeline. Nuxt bundles all of that with conventions instead of configuration.

# A real app in 30 seconds
npx nuxi@latest init my-app
cd my-app
npm install
npm run dev

You get a dev server, hot reload, TypeScript, auto-imports, and SSR — out of the box.

Where Nuxt Fits

Think of Nuxt as Vue’s counterpart to Next.js (React) or SvelteKit (Svelte). It powers production sites for Sephora, Louis Vuitton, GitLab’s marketing site, and countless smaller apps. Compared to Astro, Nuxt leans into rich interactivity (it is fully Vue all the way down) rather than islands.

The Nuxt 3 Architecture

A few names you will see repeatedly:

Nitro — the universal server runtime under Nuxt. Same code runs on Node, Bun, Deno, Cloudflare Workers, and Vercel Edge.
Auto-imports — components, composables, and Vue’s reactivity APIs become available without import statements.
Hybrid rendering — routeRules in nuxt.config lets you mix SSR, SSG, ISR, and client-only per route.

// nuxt.config.ts — hybrid rendering glimpse
export default defineNuxtConfig({
  routeRules: {
    '/': { prerender: true },
    '/blog/**': { isr: 3600 },
    '/admin/**': { ssr: false },
  },
})

You will meet each of these in detail in the lessons ahead.

Installing & First Nuxt App →