翻书的熊猫

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

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

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

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

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

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

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

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

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