Nuxt 3 正式发布：Vue 的全栈应用框架

11 月 16 日 Nuxt 3 稳定版发布，完全重写：Vue 3 + Vite + Nitro。对需要 SSR/SEO 的 Vue 项目，这是今年最重要的更新。

解决什么问题

纯 Vue SPA 的短板：内容由 JS 渲染，搜索引擎抓取不友好、首屏白屏。Nuxt 提供服务端渲染（SSR）——服务器先把页面渲染成 HTML 返回，客户端再激活（hydration），兼顾 SEO 和首屏速度。

Nuxt 3 的核心特性

• Vite 构建：开发启动和 HMR 极快，告别 Nuxt 2 的 webpack 等待
• Nitro 服务引擎：统一服务端代码，可部署到 Node、Serverless、Edge，支持跨 Node/Deno/Bun
• 自动导入：components/、composables/ 下的文件无需 import 直接用；Nuxt 自己的 API 也全局可用
• 混合渲染：可按路由配置 SSR、SSG（预渲染）、SWR，不同页面不同策略
• 文件路由：pages/ 目录结构即路由，layouts/ 管布局
• 服务端 API 目录 server/api/，直接写后端接口，前后端一体

<!-- pages/index.vue：约定即路由 / -->
<script setup>
// useFetch 自动处理 SSR 数据获取和客户端去重
const { data: posts } = await useFetch('/api/posts')
</script>

Nuxt 2 升级考量

• Nuxt 2 基于 Vue 2 + webpack，架构差异大，官方提供 Bridge 模块渐进获得 Nuxt 3 部分能力
• 升级前盘点依赖：自定义 modules、Vuex（Nuxt 3 推荐新状态方案）、插件机制都有变化
• 简单项目可以直接重写，复杂项目走 Bridge 过渡

适用场景判断

• 内容站、官网、电商等 SEO 敏感项目 → 首选
• 后台管理系统（不需要 SEO）→ 普通 Vue 3 + Vite 更轻
• 需要前后端一体快速交付 → server 目录很方便

Nuxt 3 让"Vue 做 SSR"从复杂配置变成开箱即用，预计会带动一大批 Vue 项目走向服务端渲染。