Cấu trúc tệp tin của dự án trong framework NextJS

Sau khi tạo dự án, một cấu trúc tệp tin nhất định sẽ xuất hiện trong thư mục của nó. Hãy cùng xem xét các thành phần quan trọng nhất của nó:

• /node_modules/
• /src//app/globals.csslayout.jsxpage.jsx
• next.config.mjs
• package.json
• tailwind.config.js

Các tệp mà chúng ta sẽ tạo ra trong quá trình làm việc với dự án sẽ được lưu trữ trong các thư mục src và src/app. Hiện tại, trong thư mục src chỉ có một thư mục làm việc là app. Và trong đó chứa các tệp để làm việc với các cài đặt CSS (global.css), tệp chứa bố cục chính của trang (layout.jsx) và tệp chứa route chính của dự án (page.jsx).

Tệp next.config.mjs chứa các cài đặt chính của dự án.

Tệp tailwind.config.js chứa các cài đặt chính cho các kiểu Tailwind, được áp dụng trong dự án này.