Директория src
В качестве альтернативы размещению специальных директорий Next.js app
или pages
в корне проекта, Next.js также поддерживает распространённый подход размещения кода приложения в директории src
.
Это позволяет отделить код приложения от файлов конфигурации проекта, которые в основном находятся в корне проекта, что предпочитают некоторые разработчики и команды.
Чтобы использовать директорию src
, переместите папку маршрутизатора app
или pages
в src/app
или src/pages
соответственно.

Полезно знать
- Директория
/public
должна оставаться в корне проекта.- Конфигурационные файлы, такие как
package.json
,next.config.js
иtsconfig.json
, должны оставаться в корне проекта.- Файлы
.env.*
должны оставаться в корне проекта.src/app
илиsrc/pages
будут игнорироваться, еслиapp
илиpages
присутствуют в корневой директории.- Если вы используете
src
, вероятно, вы также переместите другие папки приложения, такие как/components
или/lib
.- Если вы используете Middleware, убедитесь, что он размещён внутри директории
src
.- Если вы используете Tailwind CSS, вам нужно добавить префикс
/src
в раздел content файлаtailwind.config.js
.- Если вы используете TypeScript paths для импортов, например
@/*
, обновите объектpaths
вtsconfig.json
, включив в негоsrc/
.