Файловая структура проекта в фреймворке NextJS

После создания проекта в его папке появится определенная файловая структура. Давайте рассмотрим ее самые важные компоненты:

/node_modules/
/src/
- /app/
  - globals.css
  - layout.jsx
  - page.jsx
next.config.mjs
package.json

Файлы, которые мы сделаем в процессе работы с проектом будут хранится в папках src и src/app. На данный момент в папке src находится только одна рабочая папка app. А в ней хранятся файлы для работы с настройками CSS (globals.css), файл с основной разметкой страницы (layout.jsx) и файл с основным роутом проекта (page.jsx).

В файле next.config.mjs содержатся основные настройки проекта.

Настройки Tailwind задаются в файле globals.css: там подключается Tailwind строкой @import "tailwindcss" и при необходимости добавляются параметры стилей.

Расскажите, какие папки содержат основные рабочие файлы проекта.

Расскажите, где задаются настройки для всего проекта.

Расскажите, в какой папке хранятся все установленные в проекте библиотеки и пакеты.

Расскажите, где в проекте подключается Tailwind и задаются его настройки.