可让您快速构建静态和动态应用程序。它已做好生产准备,并支持开箱即用的服务器端渲染和静态站点生成,使 应用程序快速且有利于 。 在本教程中,我将首先解释到底是什么以及为什么要使用它而不是 或 。然后,我将向您展示如何构建一个博客,您可以在该博客上使用 和 编写和呈现帖子。 首先,您需要一些 经验。了解 Next.js 会很方便,但不是强制性的。本教程将使那些想要使用 创建博客(个人或组织)或仍在寻找要使用的内容的人受益。 让我们深入了解一下。 什么是 是由创建和维护的 框架。它是用 构建的。它是生产就绪的,因为它具有许多通常在“普通”应用程序中设置的出色功能。 框架可以在服务器上渲染应用程序或静态导出它们。它不会等待浏览器加载 来显示内容,这使得 应用程序对 友好且速度极快。 为什么使用 而不是 是一个方便的工具,它提供了无需配置的现代构建设置,并且无需设置 等或维护它们的依赖项。这是当今创建 React 应用程序的推荐方法。
它有一个 TypeScript 模板
还附带了 React 测试库。 但是,如果您想构建一个多页面应用程序,那么您需要安装一个额外的库,就像您在服务器上渲染一个 React 应用程序一样。额外的设置可能是一个问题,安装的任何软件包都可能会增加应用程序的最终包大小。 这正是 Next.js 想要解决的问题。它提供了最佳的开发人员体验,以及生产所需的所有功能。它具有几个很酷的功能: 静态导出(预渲染) 允许您在构建时将 应用程序 保加利亚电话号码列表 导出为无需服务器即可运行的静态 。这是生成网站的推荐方法,因为它是在构建时完成的,而不是在每次请求时完成的。 服务器端渲染(预渲染) 它根据每个请求在服务器上将页面预渲染为 。 自动代码分割 与 不同,会自动分割代码并仅加载所需的 ,这使得应用程序速度更快。 基于文件系统的路由 使用文件系统在应用程序中启用路由,这意味着目录下的每个文件pages都会被自动视为路由。 代码热重载依靠 来热重载您的代码,从而提供出色的开发人员体验。 样式选项 框架内置了对 构建的静态站点生成器。
拥有庞大的生态系统
和 网站速度超快,因为它们都在服务器上或静态呈现,这意味着 代码不会等待浏览器加载。我们根据开发者的经验来比较一下。 特别是如果您已经了解 。然而,使用 来查询本地数据和页面。使用 构建这个简单的博客可能有点大材小用,因为 有一个学习曲线,静态页面的查询和构建时间会更长一些。如果您两次构建同一个博客,第一次使用 ,然后使用,则使用 构建的博客在构建时 AO 列表 会快得多,因为它使用常规 来查询本地数据和页面。 我希望您能够利用 框架的强大功能,并了解为什么它比某些替代方案更方便。如果您的网站严重依赖 ,这也是一个不错的选择,因为您的应用程序将快速且易于 机器人抓取。这就是为什么我们将在本文中使用 库构建博客。 让我们首先设置一个新的 应用程序。 了解S其中包含有关前端、设计和用户体验的有用提示。订阅并获取“智能界面设计清单” ——一个免费的 资料库,其中包含 多个问题,供您在设计和构建几乎任何东西时询问自己。 你的邮件 一个星期一次。