在 Next.js v13 中构建非官方的 Udemy 克隆应用程序(Build Unofficial Udemy clone Application in Next.js v13)

用于 Web 的 React 框架

Next.js 被一些世界上最大的公司使用，它使您能够通过扩展最新的 React 功能并集成强大的基于 Rust 的 JavaScript 工具来创建全栈 Web 应用程序以实现最快的构建。

在本课程中，您将以新的方式学习 Next.js 的所有最新功能，如应用程序目录、页面、数据获取。

您将在本课程中学习这些概念：

• 客户端和服务器渲染
• 嵌套路由
• 数据抓取
• 内置优化
• 打字稿支持
• API路由
• 中间件
• 部署
• CSS样式
• 缓存
• 使用数据库

Next 的主要优势之一。js 是它启用了服务器端渲染。这意味着服务器可以为页面生成 HTML 并将其发送给客户端，而不是客户端使用 JavaScript 生成 HTML。这可以提高应用程序的性能和 SEO。

Next.js 的最佳功能之一是基于文件的路由。无需在像 react-router 这样的程序中处理复杂的路由设置，可以使用目录项目结构来指定路由。通过向目录页面添加一个入口点，您可以创建一个新路径。

Next.js 13 包括使用新目录更新的文件路由。可选的应用程序目录引入了新的布局结构以及一些新功能和改进。

由于新的路由机制，目录结构发生了微小的变化。路由中的每个路径都有一个专用目录，其中包含一个page.js文件，用作 Next.js 13 中的内容入口点。

新版 Next.js 最令人兴奋的是对 React 服务器组件的扩展支持。服务器组件让我们可以在服务器端运行和渲染 React 组件，以实现更快的交付、更小的 JavaScript 包和更便宜的客户端渲染。

此外，根据生成路由所需的数据类型，服务器组件会在构建时或运行时自动缓存以增加性能优势。

结合服务器和客户端组件，您可以将服务器组件用于程序的快速加载、非交互部分，同时将客户端组件用于交互、浏览器 API 和其他功能。

在为 Next.js 应用程序构建客户端组件时，您可以使用“使用客户端”指定它们；文件顶部的指令。但是，如果您使用任何第三方包，您可能需要创建一个客户端包装器。

此外，Next.js 13 引入了异步组件，这是一种为服务器渲染组件收集数据的全新方法。当使用异步组件时，我们可以使用 async & await 渲染使用 Promises 的系统。