搜索

+

95

-

nextjs与nestjs有什么区别？

node vue javascript

请问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%

我知道答案，我要回答

我有问题

私活外包

最新提问