Папка src

Вместо размещения специальных директорий Next.js app или pages в корне проекта, Next.js также поддерживает распространённый подход размещения кода приложения в папке src.

Это позволяет отделить код приложения от файлов конфигурации проекта, которые в основном находятся в корне, что предпочитают некоторые разработчики и команды.

Чтобы использовать папку src, переместите директорию маршрутизатора app или pages в src/app или src/pages соответственно.

Пример структуры папок с директорией `src`

Полезно знать:

  • Директория /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/.