Директория 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
в файлеtailwind.config.js
в разделе content.- Если вы используете TypeScript paths для импортов, например
@/*
, следует обновить объектpaths
вtsconfig.json
, включив в негоsrc/
.