Next.js(轻量级应用框架)

Next.js是用于轻量级应用、静态网站、预渲染应用等的React框架,它解决了用React构建一个完整的Web应用最常见的问题，比如涉及到代码捆绑和转换、生产自动化、页面渲染和必须编写服务器端代码的问题。

【软件功能】

Next.js是用于轻量级应用、静态网站、预渲染应用等的React框架,它解决了用React构建一个完整的Web应用最常见的问题，比如涉及到代码捆绑和转换、生产自动化、页面渲染和必须编写服务器端代码的问题。

Next.js通过预渲染、单指令静态导出、自动分码、热代码重载等功能和其他许多伟大的特性，提供了一流的 "开发者体验"。它具有完全的可扩展性，并为生产做好了准备。难怪Next.js被世界上一些大品牌的数万个面向生产的网站和网络应用所使用。

【功能介绍】

　　Next.js通过预渲染、单指令静态导出、自动分码、热代码重载等功能和其他许多伟大的特性，提供了一流的 "开发者体验"。它具有完全的可扩展性，并为生产做好了准备。难怪Next.js被世界上一些大品牌的数万个面向生产的网站和网络应用所使用。

　　特性

　　渲染前

　　静态输出

　　CSS-in-JS

　　零配置

　　完全可扩展

　　准备生产

【软件亮点】

　　Next.js具有同类最佳的“开发人员体验”和许多内置功能。

　　直观的基于页面的路由系统（支持动态路由）

　　每页支持预渲染，静态生成（SSG）和服务器端渲染（SSR）

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

　　具有优化的预取功能的客户端路由

　　内置CSS和Sass支持，并支持任何CSS-in-JS库

　　具有快速刷新支持的开发环境

　　API路由以使用无服务器功能构建API端点

　　完全可扩展

　　Next.js用于成千上万个面向生产的网站和Web应用程序，包括许多世界上最大的品牌。

【软件特色】

　　JavaScript语言功能

　　Next.js允许您直接使用最新的JavaScript功能。除ES6功能外，Next.js还支持：

　　Async/await (ES2017)

　　Object Rest/Spread Properties (ES2018)

　　Dynamic import() (ES2020)

　　Optional Chaining (ES2020)

　　Nullish Coalescing (ES2020)

　　Class Fields and Static Properties

　　TypeScript功能

　　Next.js具有内置的TypeScript支持。提供了集成的TypeScript体验，类似于IDE。

　　自定义Babel Config（高级）

　　您可以自定义babel配置。

　　两种形式的预渲染Next.js具有两种预渲染形式：静态生成和服务器端渲染。所不同的是，当它产生一个页面的HTML。

　　静态生成（推荐）：HTML是在构建时生成的，并将在每个请求上重用。

　　服务器端渲染：HTML是在每个请求上生成的。

　　重要的是，Next.js使您可以选择要用于每个页面的预渲染形式。您可以通过对大多数页面使用“静态生成”，对其他页面使用“服务器端渲染”来创建“混合” Next.js应用程序。

【常见问题】

•这个产品准备好了吗？

自成立以来，Next.js一直为vercel提供支持。

我们对开发人员的体验和最终用户的性能都非常满意，因此我们决定与社区分享。

•它有多大？

客户端捆绑包大小应按每个应用衡量。一个小的Next主捆绑包大约压缩了65kb。

•如何更改内部Webpack配置？

Next.js尽最大努力消除了webpack配置的开销，但是对于需要更多控制的高级情况，请参阅自定义webpack配置文档。

•编译了哪些语法功能？如何更改它们？

我们跟踪V8。由于V8对ES6以及异步和等待具有广泛的支持，因此我们将其编译。由于V8不支持类装饰器，因此我们不对其进行编译。

有关更多信息，请参见有关自定义babel配置的文档。

•为什么要购买新路由器？

Next.js的特殊之处在于：

无需提前知道路线，我们不运送路线清单

路线总是可以延迟加载

•如何获取数据？

由你决定。您可以在React组件中使用获取API或SWR进行远程数据获取。或使用我们的数据提取方法进行初始数据填充。

我可以将它与GraphQL一起使用吗？

是! 这是Apollo的示例。

【更新内容】

修复bug

优化体验