src ディレクトリ

プロジェクトの root に Next.js の特別な app または pages ディレクトリを持つ代わりに、アプリケーションのコードを src ディレクトリの下に配置する一般的なパターンも Next.js はサポートしています。

これにより、主にプロジェクトの root にあるプロジェクトの構成ファイルからアプリケーションのコードを分離し、一部の個人やチームに好まれます。

src ディレクトリを使用するには、app Router フォルダまたは pages Router フォルダをそれぞれ src/app または src/pages に移動します。

Good to know:

/public ディレクトリはプロジェクトの root に残してください

package.json、next.config.js、および tsconfig.json などの構成ファイルはプロジェクトの root に残してください

.env.* ファイルはプロジェクトの root に残してください

root ディレクトリに app または pages が存在する場合、src/app または src/pages は無視されます

src を使用している場合、その他のアプリケーションフォルダ、例えば /components や /lib も移動するでしょう

Middleware を使用している場合は、src ディレクトリ内に配置することを確認してください

Tailwind CSS を使用している場合、tailwind.config.js ファイルのコンテンツセクションで /src プレフィックスを追加する必要があります

@/* のようなインポートに TypeScript のパスを使用している場合、tsconfig.json の中の paths オブジェクトに src/ を含めるように更新するべきです