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