src ディレクトリ

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

これにより、アプリケーションコードとプロジェクト設定ファイル（主にプロジェクトルートに存在）を分離できます。この方法は一部の個人やチームで好まれています。

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

知っておくと便利

• /public ディレクトリはプロジェクトルートに残す必要があります
• package.json、next.config.js、tsconfig.json などの設定ファイルはプロジェクトルートに残す必要があります
• .env.* ファイルはプロジェクトルートに残す必要があります
• ルートディレクトリに app または pages が存在する場合、src/app または src/pages は無視されます
• src を使用する場合、/components や /lib などの他のアプリケーションフォルダも移動すると良いでしょう
• ミドルウェアを使用している場合は、src ディレクトリ内に配置してください
• Tailwind CSS を使用している場合、contentセクションで tailwind.config.js ファイルに /src プレフィックスを追加する必要があります
• @/* のようなTypeScriptパスを使用してインポートしている場合、tsconfig.json の paths オブジェクトを更新して src/ を含める必要があります