Nuxt

Nuxt provides a complete application framework on top of Vue — server-side rendering, static generation, file-based routing, auto-imported components, and composables. Nuxt 3 is built on Nitro (a universal server runtime) and Vite, enabling deployment to Node.js, edge functions, and serverless environments. Its auto-import system means you can use ref, useState, and your own composables anywhere without explicit imports.

Quick start

npx nuxi@latest init my-app
cd my-app && npm install && npm run dev

pages/
  index.vue          # route: /
  blog/
    index.vue        # route: /blog
    [slug].vue       # route: /blog/:slug
server/
  api/
    posts.get.ts     # GET /api/posts
    posts/[id].get.ts

<!-- pages/blog/[slug].vue -->
<script setup lang="ts">
const route = useRoute()
const { data: post } = await useFetch(`/api/posts/${route.params.slug}`)
</script>

<template>
  <article v-if="post">
    <h1>{{ post.title }}</h1>
    <p>{{ post.body }}</p>
  </article>
</template>

// server/api/posts.get.ts
export default defineEventHandler(async () => {
  return [
    { id: 1, title: 'Hello Nuxt', body: 'Getting started with Nuxt 3.' }
  ]
})

When to use

Nuxt is the standard choice for production Vue applications. Its SSR and static generation capabilities make it ideal for content-heavy sites, e-commerce, and SEO-sensitive applications. If your stack is already Vue-based, Nuxt adds the server layer without friction. For React teams, Next.js is the equivalent. Nuxt’s module ecosystem is particularly strong — if you need auth, i18n, or image optimisation, there’s a first-class module for it.