Nuxt

nuxt.com
值得了解
framework

Vue 生态的全栈框架,提供路由、服务端渲染、数据获取和部署能力。

官方首页截图
打开官网
Nuxt 官网截图

Tool profile

Nuxt 是什么?

Nuxt 在 Vue 之上补齐了应用级工程能力:约定式路由、服务端渲染、混合渲染和模块生态都可以从同一项目启动。对 Vue 开发者来说,它把从页面到上线的路径压缩得很短。

Nuxt 能做什么?

01
适合谁

已经在 Vue 生态中,希望快速搭建产品站或全栈应用的人

02
解决什么问题

避免自行拼接 Vue 路由、SSR、构建和部署配置

03
价格与成本

价格、免费额度和政策会变化;采购前请以官网当前的计划、用量限制和地区政策为准。

04
推荐使用场景

Vue 产品官网、内容与应用混合站点、中小型全栈 MVP

05
主要替代品

nextjs、sveltekit

06
选型判断

Vue 团队优先从 Nuxt 的默认约定开始,只有遇到明确限制时再引入额外模块。

使用场景

Vue 产品官网已经在 Vue 生态中,希望快速搭建产品站或全栈应用的人,重点是避免自行拼接 Vue 路由、SSR、构建和部署配置

内容与应用混合站点已经在 Vue 生态中,希望快速搭建产品站或全栈应用的人,重点是避免自行拼接 Vue 路由、SSR、构建和部署配置

中小型全栈 MVP已经在 Vue 生态中,希望快速搭建产品站或全栈应用的人,重点是避免自行拼接 Vue 路由、SSR、构建和部署配置

需要注意

Nuxt 的模块和运行模式很多,项目开始变复杂后需要严格管理服务端与客户端边界。

Vue 团队优先从 Nuxt 的默认约定开始,只有遇到明确限制时再引入额外模块。