問題タブ [next-link]

Next.js を使用して LMS を構築しています。これまでのところ、私のプロジェクト構造はlocalhost/courses/1. 各コースは 7 ページです。ダッシュボード、課題、TestAndQuizzes、Gradebook、リソース、お知らせ、名簿。すべてのコンポーネントとページの準備が整いました。したがって、手動でlocalhost/courses/1/assignmentsまたはに移動するとlocalhost/courses/1323/roster、正常に動作します。

私がやりたいこと: 課題のリンクをクリックすると、その特定のコースの課題ページに移動する必要がありますlocalhost/courses/1/assignments。現在、URL を にハードコーディングしている/courses/1/[page]ので、割り当てをクリックすると に移動しlocalhost/courses/1/assignment、名簿をクリックすると に移動しlocalhost/courses/1/rosterます。

ユーザーがコース内のタブのいずれかをクリックすると、その特定のコースのそのページに移動するように、そのルートを動的にするにはどうすればよいですか?

調べましたがnext/link、next/routerまだできません。何か助けはありますか？

編集：これが私のフォルダ構造です：

上で述べたように、今のところ、リンクを使用して/courses/1/assignment、たとえば誰かに送信しました。

サイトをチェックアウトしたい場合は、My appでホストされています。