Vue.js: What is Nuxt 3?

Nuxt 3 — Vue 3 meta-framework for SSR/SSG.

Features:

• Server-side rendering.
• Static site generation.
• File-based routing.
• Auto-imports.
• Nitro server engine.

1<!-- pages/index.vue -->
2<template>
3    <div>
4        <h1>{{ data.title }}</h1>
5    </div>
6</template>
7
8<script setup>
9const { data } = await useFetch("/api/posts")
10</script>

Key features:

• File-based routing.
• Auto-imports.
• Server routes.
• Middleware.