相同的 NextJs 页面布局但显示不同的数据答案

【问题标题】：Same NextJs page layout but display different data相同的 NextJs 页面布局但显示不同的数据
【发布时间】：2021-08-19 14:50:50
【问题描述】：

我有一个带有两个页面的 nextjs 应用程序，它们具有相同的设计但都显示不同的数据，实现这个想法的最佳方法是保持每个页面的 url 路径唯一。

【问题讨论】：

使用动态路径。 pages/[unique-slug].js。根据unique-slug 的值，您可以显示相关数据。 Docs for your reference
非常感谢，直接在pages dir创建这个文件会不会遇到什么问题，或者我应该为它创建另一个目录？
取决于你想如何组织事物。我推荐pages/[unique-slug]/index.js，这样如果你想在unique-slug/some-path下引入一个新路径，就像创建pages/[unique-slug]/some-path.js文件一样简单。

【解决方案1】：

在向一些朋友询问这个问题后，我得到的最佳答案（从我的角度来看）是将两个页面上的重复代码分离到一个我命名为 shared 的新目录和一个只有一项工作的新组件显示从两个页面传递给它的数据。

【讨论】：