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.csslayout.jsxpage.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.