Next.js14从入门到实战

明天孩子放假，连着五一准备回老家休息下，思考下今年的创业项目，这篇也是基础篇的最后一篇。 Meta元数据对于搜索引擎优化和可共享性至关重要。在本章中，我们将讨论如何在 Next.js 应用程序中添加元

在前一章中，您通过添加表单验证和改进可访问性，完成了发票路由的构建。在本章中，你将为dashboard添加身份验证。 在本章中，你将学到…… 什么是身份验证？ 如何使用 NextAuth.js 为应用

在上一章中，我们介绍了如何捕捉错误（包括 404 错误）并向用户显示。不过，我们还需要讨论另一块拼图：表单验证。让我们看看如何使用并实现服务器端验证，以及如何使用 useFormState 钩子显示表

在上一章中，您学习了如何使用服务端操作更改数据。现在让我们来看看如何使用 JavaScript 的 try/catch 语句和 Next.js API 优雅地处理错误。 在本章中，你将学习…… 如何使

在上一章中，您使用 URL Search Params 和 Next.js API 实现了搜索和分页。让我们继续开发发票页面，添加创建、更新和删除发票的功能！ 在本章中，你将学习 React 服务端操

在上一章中，你通过流式处理提高了dashboard页面的初始加载性能。现在，让我们进入 /invoices 页面，学习如何添加搜索和分页！ 在本章中，你将学到…… 了解如何使用 Next.js API

在本意，你将学习到…… 什么是部分预渲染？ 部分预渲染的工作原理 结合静态和动态内容 目前，如果在路由中调用动态函数（例如 noStore() 、 cookies() 等），整个路由都会变成动态的。

在上一章中，您将仪表盘页面设置为动态，但我们讨论了缓慢的数据获取速度会如何影响应用程序的性能。下面我们就来看看如何在数据请求速度较慢时改善用户体验。 在本章中你将学到... 什么是流媒体以及何时使用。

在上一章中，您为dashboard页面获取了数据。不过，我们简要讨论了当前设置的两个局限性： 数据请求正在无意中形成瀑布效应。 仪表板是静态的，因此任何数据更新都不会反映在您的应用程序上。 在本章中，

现在，您已经创建了数据库并为其添加了数据，让我们来讨论为应用程序获取数据的不同方法，并构建dashboard概览页面。 本章你将学习到 了解一些获取数据的方法：应用程序接口、ORM、SQL 等。 服务

在继续制作dashboard之前，你需要一些数据。在本章中，你将使用 @vercel/postgres 设置 PostgreSQL 数据库。如果你已经熟悉 PostgreSQL，并希望使用自己的程序，

到目前为止，你的应用程序只有一个主页。让我们来学习如何通过布局和页面创建更多内容。 在本章主要学习 使用文件系统路由创建 dashboard 路由。 了解文件夹和文件在创建新航段时的作用。 创建可在多

在上一章中，我们创建了dashboard布局和页面。现在，让我们添加一些链接，让用户可以在页面之间导航。 在本章节中，我们将学习 如何使用 next/link 组件。 如何使用 usePathname

在上一章中，学习了如何设置Next.js应用程序的样式。现在我们开始添加自定义字体和图片。 为什么要优化字体？ 字体在网站设计中起着重要作用，但如果需要获取和加载字体文件，则在项目中使用自定义字体可能

Web开发离不开CSS，那Next.js的CSS设置有什么不同吗？ 全局样式 查看 /app/ui 文件夹内部，会看到一个名为 global.css 的文件，你可以使用该文件为应用程序中的所有路由添加

创建新项目 要创建 Next.js 应用，我们直接打开终端， cd 进入要保留项目的文件夹，然后运行以下命令： 这边使用 create-next-app 命令，这是一个命令行界面 （CLI） 工具，可

使用Props显示数据 到前一课为止，如果你要复用你的 <Header /> 组件，里面的内容不可改变。 但是，如果你想传递不同的文本，或者外部源获取数据变更，而无法更新信息，该怎么办？ 常规 HTM

React入门 要在新创建的项目中使用 React，我们需要加载两个 React 脚本： react：是核心的 React 库。 react-dom：提供了特定的 DOM 的方法，使您能够将 Reac

要了解 React 的工作原理，我们就要先了解浏览器如何解释代码然后创建（或渲染）用户界面 （UI）的。 当用户访问网页时，服务器会向浏览器返回一个 HTML 文件，该文件可能如下所示： 然后，浏览器

去年离职后，不想再打工，准备自己先做个网站。 之前虽是全栈开发，但主要还负责前端管理这块，所以就准备开始试着，直接使用JS做前后端。 所以就找到了Next.js。 我使用的版本是Next14，但由于版