相似于nuxt的做seo框架_若何选择精确的Node框架Next Nuxt Nest

文章目录 [+]

package.json 中添加脚本，如下所示：

相似于nuxt的做seo框架_若何选择精确的Node框架Next Nuxt Nest 相似于nuxt的做seo框架_若何选择精确的Node框架Next Nuxt Nest SEO关键词

（图片来自网络侵删）

next 将读取page目录下的js文件，并解析成页面路由Hello World

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

好处默认情形下，每个组件都是做事器渲染的自动代码拆分，加快页面加载速率不加载不必要的代码大略的客户端路由（基于页面）基于Webpack的开拓环境，支持模块热更新（HMR）获取数据非常大略支持任何Node HTTP做事器实现，如Express支持Babel和Webpack自定义能够支配在任何能运行node的平台内置页面搜索引擎优化（SEO）处理缺陷Next不是后端做事，该当与后台操作独立开如果你只想创建一个大略的WEB运用，那么它可能会是牛刀杀鸡数据会在客户端和做事看重复加载没有实现前后分离的项目，迁移到Next是一件痛楚的事，可能须要双倍事情性能

性能基于一下两点

1、利用Apache Bench测试吞吐量。
2、利用 lighthouse测试 Preformance、Accessibility、Best Practices、SEO

这是Next基本HelloWorld程序。
每秒能处理550.87个要求。
每个要求花费的均匀韶光为18.153ms

lighthouse测试报告中可以看到Preformance、Accessibility、Best Practices、SEO都高于70，虽然比其他两个框架低，但不得不说已经是一个比较好的数据，Best Practices 得分nuxt则是高于其他俩个

社区生动度贡献者数量：678Pull Requests: 3,029社区相称生动Nuxt

Nuxt是一个基于Vue的通用运用框架，预设了利用Vue开拓做事端渲染的运用所须要的各种配置，紧张关注的是运用的UI渲染

starGitHub stars：+19,000npm weekly downloads: +100,000安装

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

它会让你进行一些选择:在集成的做事器端框架如:Express、Koa、Hapi、Feathers、Micro、Adonis (WIP)；选择您喜好的UI框架:Bootstrap、Vuetify、Bulma、Buefy等等Hello World

Nuxt依据 pages 目录构造自动天生 vue-router 模块的路由配置

好处它的紧张范围是UI渲染，同时抽象出客户端/做事器分布静态渲染、前后分离自动代码分层做事、模板皆可配置项目构造清晰组件与页面无缝切换默认支持得ES6 / ES7支持开拓热更新路由级别的异步数据获取支持静态文件做事样式预处：Sass，Less，Stylus等缺陷周边资源较少开拓繁芜的组件可能会很麻烦自定义配置显得很麻烦很多具有副浸染的数据操作this.items[key]=value高流量可能会给做事器带来压力只能在某些挂钩中查询和操作DOM性能

Nuxt中的基本HelloWorld运用。
每秒能处理190.05个要求。
均匀一个要求韶光为52.619毫秒。
在此度量标准上，Nuxt与其他两个框架比较表现最差

Lighthouse测试报告中Preformance、Accessibility、SEO三项中得分最高

社区生动贡献者数量：191Pull Requests：1,385Nest

Nest是一个渐进式Node框架,深受Angular的启示。
用于构建高效，可扩展的Node.做事器端运用程序的框架。
利用TypeScript构建,保留与纯JS的兼容性，集OOP（面向工具编程）,FP（函数式编程）,FRP（相应式编程）一身。
做事引擎盖默认利用Express但也供应与各种其他库的兼容性，例如Fastify，许可轻松利用可用的无数第三方插件

安装

nest供应cli利用该cli命令安装Nest并创建新项目

或者，利用Git安装TypeScript启动项目：

Hello World

利用该npm cli命令创建新项目后,src目录下会涌现几个核心文件，main.ts是我们的入口

好处作为基于TypeScript的Web框架，可以进行严格的类型定义自动天生Swagger文档Nest中的文件夹构造紧张基于Angular基于模块的框架，代码可复用项目构造清晰,只须要关注业务无需关注架构利用最新版本的TypeScript，意味着JS的型特性基本都可用为开拓职员供应更少的高下文切换。
从Angular代码到Nest的过渡相对随意马虎与Angular类似，Nest也有一个不错的命令行工具缺陷缺少文档。
该框架与其他框架有很好的集成，但文档很少背后没有大型企业的支持力总体而言，与其他框架比较，Nest的社区规模较小性能

Nest中的基本HelloWorld运用。
每秒能处理928.18个要求。
每个要求的均匀韶光为10.774毫秒。
在此指标上，Nest在我们比较的三个框架中表现最佳

Lighthouse供应的报告中，Nest具有非常高的性能,但是accessibility, best practices,SEO得分较低

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

社区参与贡献者数量：81Pull Requests：469

Next, Nuxt, Nest比较就到这里 Preformance、Accessibility、Best Practices、SEO选择你最想要的那个吧

文章来源

哥伦比亚美女开拓 Liz

Twitter: @lizparody23

Liz is a self-taught Software Engineer focused on JavaScript, and Developer Relations Manager at NodeSource. She organizes different community events such as JSConf Colombia, Pioneras Developers, Startup Weekend and has been a speaker at EmpireJS, MedellinJS, PionerasDev, and GDG.

She loves sharing knowledge, promoting JavaScript and Node.js ecosystem and participating in key tech events and conferences to enhance her knowledge and network

原文见链接。