โครงสร้างไฟล์โครงการในเฟรมเวิร์ก NextJS

หลังจากสร้างโครงการแล้ว ในโฟลเดอร์ของมันจะปรากฏ โครงสร้างไฟล์ที่กำหนดขึ้น มาดูองค์ประกอบที่สำคัญที่สุดของมัน:

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

ไฟล์ที่เราจะสร้างขึ้นในกระบวนการ ทำงานกับโครงการจะถูกเก็บไว้ ในโฟลเดอร์ src และ src/app ในขณะนี้ ในโฟลเดอร์ src มีเพียงโฟลเดอร์ทำงานเดียวคือ app และในนั้นเก็บไฟล์สำหรับการทำงานกับ การตั้งค่า CSS (global.css) ไฟล์ที่มีโครงร่างหลักของหน้า (layout.jsx) และไฟล์ที่มี route หลักของโครงการ (page.jsx)

ในไฟล์ next.config.mjs ประกอบด้วยการตั้งค่าหลัก ของโครงการ

ในไฟล์ tailwind.config.js ประกอบด้วย การตั้งค่าหลักสำหรับสไตล์ Tailwind ที่ใช้ในโครงการนี้

บอกหน่อยว่าโฟลเดอร์ไหนประกอบด้วยไฟล์ทำงานหลัก ของโครงการ

บอกหน่อยว่าการตั้งค่าสำหรับทั้งโครงการ กำหนดไว้ที่ไหน

บอกหน่อยว่าไลบรารีและแพ็คเกจทั้งหมด ที่ติดตั้งในโครงการ เก็บไว้ในโฟลเดอร์ไหน

บอกหน่อยว่าการตั้งค่าสำหรับสไตล์ Tailwind กำหนดไว้ที่ไหน