Next.js のネストされた動的ルーティングと各ルートの特定の設定ページ

Question

Next.js と TypeScript を使用して Web アプリケーションを構築しました。このアプリケーションは、ネストされたパスを無制限に表示できます。例:

/グループ/スポーツ/チームスポーツ/フットボール 教育/小学校/クラス/グループ/幼稚園/子供 /メンバー/高校/教師/数学/代数 パスの最初の部分がメイン カテゴリで、次の部分がサブカテゴリです。これらのパスはすべて同じページ デザインを示していますが、データは異なります。

これらのパスの最後に「設定」のような新しいページを追加したいと考えています。例:

/グループ/スポーツ/チームスポーツ/フットボール/-/設定 教育/小学校/クラス/グループ/幼稚園/子供/-/設定 /メンバーシップ/高校/教師/数学/代数/-/人 設定ページに設定ページが表示されるようにするにはどうすればよいですか?

Answer 1

ページ フォルダーに [...settings].js というファイルを作成し、設定を表示したいページに適用します。

• ただし、表示したい設定を区切るデータは URL からのみ取得されるため、注意が必要です。