Next.js 路由：基本动态 slug / 静态 slug

Question

我有一种情况，在 url 的底部，我有一个动态 slug 来获取数据。现在我发现在这之后我需要一个静态 slug，这将表示不同的页面，但仍然可以访问基本动态 slug 以获取信息。

示例路径

/formABC (page1)

/formABC/complete (page2)

page1 根据动态 slug 获取数据，但知道它不在“完整”页面上

page2 根据动态 slug (formABC) 获取数据，但知道它在整个页面上

当前文件夹结构

pages/
  [formName].js

所以 1，next.js 可以实现吗？

还有 2 个我应该尝试的起点（文件结构、预定义的下一个方法）？

Answer 1

可以使用以下文件夹结构：

pages/
  [formName]/
     complete.js
     index.js

每个页面都有自己的数据获取方法。