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