使用共享组件

我们知道Next.js是关于页面的。 我们可以通过导出React组件来创建页面，并将该组件放在pages目录中。 那么它将有一个基于文件名的固定URL。

由于导出的页面是JavaScript模块，因此我们也可以将其他JavaScript组件导入到它们中。

这是您期望从任何JavaScript框架的一个功能。

在本课中，我们将创建一个通用的Header组件并将其用于多个页面。 最后，我们将介绍实现一个Layout组件，看看它如何帮助我们定义多个页面的外观。

让我们开始吧。