reactjs - NextJS：添加动态布局

Question

我想在我的应用程序中添加一个布局，如下所示：

<Header/>
{children}
<Footer/>

到这里为止，很容易，但是，我的 Header 和 Footer 组件需要执行 API 调用来呈现其中的一些项目。所以，我想要一个带有这个页眉和页脚的布局，但是，我不想为我所做的每一页添加这个布局，但是，我只会添加一次（例如在 _app.js 处）。因此，在我理解之前，要从 API 中获取价值，我需要调用 getServerSideProps，但只能从 Pages 部分调用此方法。

是否可以创建一个布局，在服务器端发出请求，并使用 Header 和 Footer 上的响应作为道具呈现布局？

提前致谢

标签： reactjslayoutnext.js