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