关键词搜索

全站搜索
×
密码登录在这里
×
注册会员
×

已有账号? 请点击

忘记密码

已有账号? 请点击

使用其他方式登录

Next.js中文文档官网-轻量级的React服务端渲染应用框架

发布2022-07-06 浏览1409次

详情内容

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

image.png

GitHub: https://github.com/vercel/next.js


Next.js是一个用于生产环境的React 应用框架(官方介绍:The React Framework for Production),使用它可以快速上手开发 React 应用( enables you to build superfast and extremely user-friendly static websites,),而不需要花很多时间和精力去折腾各种开发工具。所谓的用于生产环境,是指功能和稳定性足够,有大量的实际应用案例。


Next是什么?

针对上面的点评,还需要明确一下next.js的介绍要点,不冲突基于React,支持csr、ssr、isr、ssg等渲染或用于渲染的生成方式支持ssr,但只是next.js的一个场景而已


next.js是Node web领域优秀的ssr框架,这只是其一,其实2019年之后,next.js也开始支持serverless了

搭配vercel部署,对serverless支持极好


一、为什么要使用Next.js

要从头开始使用 React 构建一个完整的 Web 应用程序,需要考虑许多重要的细节:

1、必须使用打包程序(例如 webpack)打包代码,并使用 Babel 等编译器进行代码转换。

2、你需要针对生产环境进行优化,例如代码拆分。

3、你可能需要对一些页面进行预先渲染以提高页面性能和 SEO。你可能还希望使用服务器端渲染或客户端渲染。

4、你可能必须编写一些服务器端代码才能将 React 应用程序连接到数据存储。

一个 框架 就可以解决上述这些问题。但是,这样的框架必须具有正确的抽象级别,否则它将不是很有用。它还需要具有出色的“开发人员体验”,以确保您和您的团队在编写代码时拥有出色的体验。

二、Next.js的内置功能

Next.js 具有同类框架中最佳的“开发人员体验”和许多内置功能。列举其中一些如下:

1、直观的、 基于页面 的路由系统(并支持 动态路由)

2、预渲染。支持在页面级的 静态生成 (SSG) 和 服务器端渲染 (SSR)

3、自动代码拆分,提升页面加载速度

4、具有经过优化的预取功能的 客户端路由

5、内置 CSS 和 Sass 的支持,并支持任何 CSS-in-JS 库

6、开发环境支持 快速刷新

7、利用 Serverless Functions 及 API 路由 构建 API 功能

8、完全可扩展

Next.js 被用于数以万计的的网站和 Web 应用程序,包括许多世界上许多最大的品牌都在使用 Next.js。


点击QQ咨询
开通会员
返回顶部
×
  • 微信支付
微信扫码支付
微信扫码支付
请使用微信描二维码支付
×

提示信息

×

选择支付方式

  • 微信支付
确定支付下载