搜索引擎优化(seo)的基本工作模块( 三种最流行的Node框架:、Koa和Hapi的区别)

　　搜索引擎优化(seo)的基本工作模块(

三种最流行的Node框架:、Koa和Hapi的区别)

　　

　　简介

　　在我的上一篇文章 文章 中，我探讨了三种最流行的 Node 框架的区别、优缺点：Express、Koa 和 Hapi。在这个 文章 中，我们将研究其他三个非常流行的框架之间的区别：Next、Nuxt 和 Nest。这三个框架都是服务端渲染，分别与 React、Vue 和 Angular（当今最流行的三个前端框架）密切相关。

　　下一个

　　Next 是一个 React 框架，允许使用 React 构建 SSR 和静态 Web 应用程序

　　next react react-dom 必不可少

　　

　　将脚本添加到 package.json 如下：

　　

　　在项目中创建目录文件./pages/index.js

　　

　　性能基于两点

　　

　　这是Next基本HelloWorld程序。每秒能处理550.87个请求。每个请求花费的平均时间为18.153ms

　　

　　在灯塔测试报告中可以看到Preformance、Accessibility、Best Practices、SEO都高于70，虽然低于其他两个框架，但不得不说已经算是比较不错的了数据，最佳实践得分 nuxt 很高。其他两个

　　努克斯

　　Nuxt是一个基于Vue的通用应用框架，预设了使用Vue开发服务端渲染应用所需的各种配置，主要关注应用UI渲染

　　为了快速入门，Nuxt.js 团队创建了脚手架工具 create-nuxt-app

　　

　　Nuxt根据pages目录结构自动生成vue-router模块的路由配置

　　

　　Nuxt 中的基本 HelloWorld 应用程序。每秒可以处理 190.05 个请求。平均请求时间为 52.619ms。在这个指标上，与其他两个框架相比，Nuxt 的表现最差

　　

　　Lighthouse 测试报告在性能、可访问性和 SEO 三个项目中得分最高

　　

　　巢

　　Nest 是一个进步的 Node 框架，深受 Angular 的启发。用于构建高效、可扩展节点的框架。服务器端应用程序。使用 TypeScript 构建，保留了与纯 JS 的兼容性，并集成了 OOP（面向对象编程）、FP（函数式编程）和 FRP（响应式编程）。服务引擎默认使用 Express，但也提供与其他各种库的兼容性，例如 Fastify，允许轻松使用无数可用的第三方插件

　　nest 提供 cli 使用此 cli 命令安装 Nest 并创建新项目

　　

　　

　　使用npm cli命令新建项目后，src目录下会出现几个核心文件，main.ts就是我们的入口

　　

　　Nest 中的基本 HelloWorld 应用。每秒可以处理 928.18 个请求。每个请求的平均时间为 10.774ms。在这个指标上，Nest 在我们比较的三个框架中表现最好

　　

　　在 Lighthouse 提供的报告中，Nest 的性能非常高，但可访问性、最佳实践、SEO 得分很低

　　

　　Nest 不是最流行的框架，但值得一试！

　　接下来，Nuxt，Nest 比较就到这里了。性能、可访问性、最佳实践、SEO 选择您最想要的一项