TOC

Next、Nuxt、Nest的区别

Twilio Blog 的文章《Next, Nest, Nuxt… Nust?》,讲 Next.js,Nest,Nuxt 这几个名字非常相近的 NodeJS 框架到底有什么区别。

flowchart TD
    A[Framework purpose?] -->|Pure Backend| B(Plain HTTP Handlers?)
    B -->|Y| C(express)
    B -->|N| D(nest)
    A -->|Focus on Rendering| E(Rendering Type)
    E -->|CSR| F(React<br>Angular<br>Vue<br>NuxtJS)
    E -->|Backend light| H(Next<br>NuxtJS)
    E -->|Mostly SSR| G(Gatsby<br>Next<br>NuxtJS)

流行程度对比:

  • Express
  • Nest

...

  • Next.js
  • Nuxt
  • Gatsby

...

  • React
  • Vue
  • Angular

Express

Express 是 Node 圈子的老牌 HTTP Server 框架,根据 NPM 下载量来看,可以说是事实标准。

Nest

LOGO

基于 Express,当然也支持替换成其他的 HTTP Server 库。

Next

Next.js 是一个基于 React 的前端应用开发框架。

Next.js 为您提供生产环境所需的所有功能以及最佳的开发体验:包括静态及服务器端融合渲染、 支持 TypeScript、智能化打包、 路由预取等功能 无需任何配置。

Nuxt

基于 Vue 的前端应用开发框架。