Struktura plików projektu we frameworku NextJS

Po utworzeniu projektu w jego folderze pojawi się określona struktura plików. Przyjrzyjmy się jej najważniejszym komponentom:

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

Pliki, które utworzymy w procesie pracy z projektem będą przechowywane w folderach src i src/app. Obecnie w folderze src znajduje się tylko jeden folder roboczy app. A w nim przechowywane są pliki do pracy z ustawieniami CSS (global.css), plik z głównym szablonem strony (layout.jsx) oraz plik z główną ścieżką routingu projektu (page.jsx).

W pliku next.config.mjs zawarte są główne ustawienia projektu.

W pliku tailwind.config.js zawarte są główne ustawienia dla stylów Tailwind, stosowanych w tym projekcie.

Opowiedz, jakie foldery zawierają główne pliki robocze projektu.

Opowiedz, gdzie ustawia się konfigurację dla całego projektu.

Opowiedz, w jakim folderze przechowywane są wszystkie biblioteki i pakiety zainstalowane w projekcie.

Opowiedz, gdzie ustawia się konfigurację dla stylów Tailwind.