Директория 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в разделе конфигурации содержимого.- Если вы используете пути TypeScript для импортов, такие как
@/*, вы должны обновить объектpathsв файлеtsconfig.jsonдля включенияsrc/.
© 2024 Vercel, Inc.
Licensed under the MIT License.
https://nextjs.org/docs/app/building-your-application/configuring/src-directory