在NextJS中加载数据之前显示UI元素

Question

我有一个简单的用例，其中有一张简单的卡片，上面有标题和图片，并链接到另一个页面，该页面将包含标题和图片以及从服务器加载的其他数据。
< br /> 我需要实现的是，单击卡时，它将标题和图片以及页眉和页脚以及用于从服务器加载的数据的占位符一起加载到卡组件中。

因为我在NextJS中发现的问题是它等待数据首先到达，然后才更改路由，这对于最终用户来说很烦人

例如，以discourse平台为例，当点击帖子时，它会更改路线并显示所有静态部分（页眉，页脚..），然后等待提取的数据。