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 を使用している場合、tailwind.config.js ファイルの コンテンツセクションに /src プレフィックスを追加する必要があります。
• @/* のようなインポートに TypeScript のパスを使用している場合、tsconfig.json の paths オブジェクトを更新して src/ を含める必要があります。