翻书的熊猫

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

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

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

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

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

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

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

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

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

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

在继续制作dashboard之前，你需要一些数据。在本章中，你将使用 @vercel/postgres 设置 PostgreSQL 数据库。如果你已经熟悉 PostgreS...

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

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

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

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

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

我们在项目中使用 Next.js 时，不再从 unpkg.com 加载 react and react-dom 脚本。直接使用 npm 或首选的包管理器在本地安装这些包。 ...

电脑好久没重装了，遥想大学时，隔三岔五就要重装一次的win98，现在确实幸福多了。 但相比当时只需要装个Turbo C来说，现在，开发工具越来越多，配置也越来越多。 这就是...

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

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