Директория 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
.- Если вы используете Tailwind CSS, вам нужно добавить префикс
/src
в файлtailwind.config.js
в разделе content.