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) এবং প্রজেক্টের মূল রুট সহ ফাইল (page.jsx) সংরক্ষিত আছে।

next.config.mjs ফাইলে প্রজেক্টের মূল সেটিংস রয়েছে।

tailwind.config.js ফাইলে রয়েছে Tailwind স্টাইলের জন্য মূল সেটিংস যা এই প্রজেক্টে প্রয়োগ করা হয়েছে।

বলুন, কোন কোন ফোল্ডারে প্রজেক্টের মূল ওয়ার্কিং ফাইলগুলি থাকে।

বলুন, সম্পূর্ণ প্রজেক্টের জন্য সেটিংস কোথায় নির্ধারণ করা হয়।

বলুন, কোন ফোল্ডারে প্রজেক্টে ইনস্টল করা সমস্ত লাইব্রেরি এবং প্যাকেজ সংরক্ষিত থাকে।

বলুন, Tailwind স্টাইলের জন্য সেটিংস কোথায় নির্ধারণ করা হয়।