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

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

• /node_modules/
• /src//app/globals.csslayout.jsxpage.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 ที่ใช้ในโครงการนี้