在NextJS中设置目录的正确方法

时间:2020-08-15 17:44:31

标签: next.js

我一直在阅读文档,这很棒,但是我仍然不确定在NextJS中创建嵌套路由的最佳方法。

在我的示例中,我具有嵌套课程的模块。换句话说,我的模块可以是一本书,每节课是一章。

所以,我目前的想法是像这样设置我的页面目录:

pages/modules/[mid]/lessons/[lid]

相当普通的路由路径,但是感觉像这样创建目录路径

/Pages
--/modules
----[id].js
----/lessons
------[id].js

似乎与模块非常相关。如果我希望通过其他途径来上课,或者我制作另一个仅获取所有课程而又不考虑模块的页面,将会发生什么情况。那怎么办?

以下ex是否会是正常/合适的设计?将所有这些隐藏的地方放上教训似乎有点混乱。我敢肯定,我会尽快更好地掌握它。只是要确保我在人迹罕至的地方进展不顺利。

/Pages
--/modules
----[id].js
----/lessons
------[id].js
--/lessons
----index.js

谢谢!

1 个答案:

答案 0 :(得分:1)

如果要将目录的全部内容嵌套在route参数下,可以在括号之间命名目录本身。然后moduleId目录下的所有内容都将收到一个模块ID。

你可以拥有

/页

-[moduleId]

---- /课程

------ [id] .js