src 目錄

除了在專案根目錄中放置特殊的 Next.js app 或 pages 目錄之外，Next.js 也支援將應用程式程式碼放置在 src 目錄下的常見模式。

這樣可以將應用程式程式碼與專案設定檔分開，這些設定檔大多位於專案的根目錄，這是一些個人和團隊偏好的做法。

要使用 src 目錄，請將 app 路由器資料夾或 pages 路由器資料夾分別移至 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/。