+
95
-

nextjs与nestjs有什么区别?

请问nextjs与nestjs有什么区别?

网友回复

+
15
-

一、NextJs

Next是一个React框架,允许使用React构建SSR和静态web应用。

安装

next react react-dom是必不可少的

npm install --save next react react-dom

package.json 中添加脚本,如下所示:
{
"scripts": {
"dev": "next",
"build": "next build",
"start": "next start"
}
}
next 将读取page目录下的js文件,并解析成页面路由 Hello World

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

function Home() {
return <div>Hello world!</div>;
}
export default Home;

我们来运行一下,输入一下命令

npm run dev

然后访问 http://localhost:3000

好处

默认情况下,每个组件都是服务器渲染的

自动代码拆分,加快页面加载速度

不加载不必要的代码

简单的客户端路由(基于页面)

基于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则是高于其他...

点击查看剩余70%

我知道答案,我要回答