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/。