欢迎来到Next.js文档!
什么是Next.js?
Next.js是一个用于构建全栈Web应用程序的React框架。您可以使用React组件构建用户界面,并使用Next.js提供额外的功能和优化。
在底层,Next.js还抽象并自动配置了React所需的工具,如打包、编译等。这使您可以专注于构建应用程序,而不是花时间进行配置。
无论您是独立开发者还是大型团队的一部分,Next.js都可以帮助您构建交互式、动态和快速的React应用程序。
主要特性
Next.js的主要特性包括:
特性 | 描述 |
---|---|
路由 | 基于文件系统的路由器,建立在Server Components之上,支持布局、嵌套路由、加载状态、错误处理等功能。 |
渲染 | 客户端和服务器端渲染,使用客户端和服务器端组件。通过Next.js在服务器上进行静态和动态渲染的进一步优化。在Edge和Node.js运行时进行流式传输。 |
数据获取 | 在服务器组件中使用async/await进行简化的数据获取,并使用扩展的fetch API进行请求记忆、数据缓存和重新验证。 |
样式 | 支持您喜欢的样式方法,包括CSS Modules、Tailwind CSS和CSS-in-JS |
优化 | 图像、字体和脚本优化,改善应用程序的核心Web性能和用户体验。 |
TypeScript | 对TypeScript的改进支持,提供更好的类型检查和更高效的编译,以及自定义的TypeScript插件和类型检查器。 |
如何使用这些文档
在屏幕左侧,您会找到文档的导航栏。文档页面按照顺序组织,从基础到高级,这样您就可以在构建应用程序时一步一步地跟随它们。但是,您可以按任何顺序阅读它们,或者跳转到适用于您的用例的页面。
在屏幕右侧,您会看到一个目录,这样可以更容易地在页面的不同部分之间进行导航。如果您需要快速找到一个页面,可以使用顶部的搜索栏,或者使用搜索快捷键(Ctrl+K
或Cmd+K
)。
要开始,请查看安装指南。
应用程序路由器与页面路由器
Next.js有两个不同的路由器:应用程序路由器和页面路由器。应用程序路由器是一个较新的路由器,允许您使用React的最新功能,如Server Components和Streaming。页面路由器是原始的Next.js路由器,允许您构建服务器渲染的React应用程序,并继续支持旧版Next.js应用程序。
在侧边栏的顶部,您会注意到一个下拉菜单,可以在应用程序路由器和页面路由器功能之间进行切换。由于每个目录都有独特的功能,所以重要的是要记住哪个选项卡被选中。
页面顶部的面包屑也会指示您正在查看应用程序路由器文档还是页面路由器文档。
预备知识
虽然我们的文档旨在适合初学者,但我们需要建立一个基准,以便文档可以专注于Next.js功能。我们将确保在引入新概念时提供相关文档的链接。
为了充分利用我们的文档,建议您对HTML、CSS和React有基本的了解。如果您需要复习React技能,请查看我们的Next.js基础课程,它将介绍您基础知识。
可访问性
在使用屏幕阅读器阅读文档时,我们建议使用Firefox和NVDA,或者Safari和VoiceOver以获得最佳的可访问性。
加入我们的社区
如果您对与Next.js相关的任何问题有疑问,欢迎随时在GitHub讨论区 (opens in a new tab)、Discord (opens in a new tab)、Twitter (opens in a new tab)和Reddit (opens in a new tab)上向我们的社区提问。