src ディレクトリ

プロジェクトのルートに特別な Next.js の `app` または `pages` ディレクトリを配置する代わりに、Next.js はアプリケーションコードを `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 を使用している場合は、コンテンツセクションで ` /src` プレフィックスを `tailwind.config.js` ファイルに追加する必要があります。
• `@/*` などのインポートに TypeScript パスを使用している場合は、`tsconfig.json` の `paths` オブジェクトを更新して `src/` を含める必要があります。