next.jsのAPProuterでルーティングさせたくないディレクトリ

 

はじめに

Next.jsは、バージョン13になってからAPPRouterという新しいルーティングシステムを採用しており、app配下の各ディレクトリの名前によってルーティングされるようになりました。

Next.js13でのページとAPIのファイル名とディレクトリの命名[APP Router]
はじめに Next.jsは非常に重要なフレームワークとなり、その最新版Next.js 13が公開されました。本記事では、特に重要なNext.jsのファイル名とディレクトリの命名規則に焦点を当て、詳しく解説します。 今回はTypescript...

Next.js13でのページとAPIのファイル名とディレクトリの命名[APP Router]

参考:https://nextjs.org/docs/app/building-your-application/routing#roles-of-folders-and-files

ルーティングさせたくないディレクトリの命名

このappディレクトリの下にコンポーネントなどのルーティングをさせたくない場合は、ディレクトリ名に_(アンダーバー)をつけることによってルーティングしないようになります

app/
└ _components // このディレクトリはルーティングされない
└ home// このディレクトリは/homeでルーティングされる