Next.js প্রজেক্ট স্ট্রাকচার
এই পার্টে আমরা Next.js অ্যাপ্লিকেশনের প্রজেক্ট স্ট্রাকচার নিয়ে আলোচনা করবো। চলুন নিচে টপ-লেভেল ফাইল এবং ফোল্ডার, কনফিগারেশন ফাইল, এবং অ্যাপ ও পেজ ডিরেক্টরির রাউটিং কনভেনশন নিয়ে বিস্তারিত জানি,
টপ-লেভেল ফোল্ডারসমূহ:
অ্যাপ্লিকেশনের কোড এবং স্ট্যাটিক অ্যাসেটগুলো অরগানাইজ করতে টপ-লেভেল ফোল্ডারগুলো ব্যবহৃত হয়।
| ফোল্ডার | কাজ |
|---|---|
| app | App Router ব্যাবহার করলে এই ফোল্ডারের মধ্যে সমস্ত রাউটিং ফাইলগুলো থাকে |
| pages | Pages Router ব্যাবহার করলে এই ফোল্ডারের মধ্যে সমস্ত রাউটিং ফাইলগুলো থাকে |
| public | স্ট্যাটিক অ্যাসেট (ছবি, ফন্ট ইত্যাদি) |
| src | (অপশনাল) অ্যাপ্লিকেশনের সোর্স ফোল্ডার |
টপ-লেভেল ফাইলসমূহ:
টপ-লেভেল ফাইলগুলো অ্যাপ্লিকেশন কনফিগার, ডিপেনডেন্সি ম্যানেজ, মিডলওয়্যার রান, মনিটরিং টুল ইন্টিগ্রেট, এবং এনভায়রনমেন্ট ভেরিয়েবল ডিফাইন করার জন্য ব্যবহৃত হয়।
| ফাইল | কাজ |
|---|---|
next.config.js | Next.js কনফিগারেশন ফাইল। |
package.json | প্রজেক্ট ডিপেনডেন্সি এবং স্ক্রিপ্ট। |
instrumentation.ts | OpenTelemetry এবং ইনস্ট্রুমেন্টেশন। |
middleware.ts | Next.js রিকোয়েস্ট মিডলওয়্যার। |
.env | এনভায়রনমেন্ট ভেরিয়েবল। |
.eslintrc.json | ESLint কনফিগারেশন ফাইল। |
.gitignore | Git দ্বারা উপেক্ষিত ফাইল ও ফোল্ডার। |
tsconfig.json | TypeScript কনফিগারেশন ফাইল। |
jsconfig.json | JavaScript কনফিগারেশন ফাইল। |
App Routing Conventions:
app ডিরেক্টরির মধ্যে ব্যবহৃত ফাইল কনভেনশন:
| ফাইল নাম | কাজ |
|---|---|
layout | লেআউট ডিফাইন করে। |
page | পেজ ডিফাইন করে। |
loading | লোডিং UI তৈরি করে। |
not-found | Not Found UI। |
error | নির্দিষ্ট পেজের এরর হ্যান্ডেল করে। |
global-error | গ্লোবাল এরর UI। |
route | API এন্ডপয়েন্ট ডিফাইন করে। |
template | পুনরায় রেন্ডার হওয়া লেআউট। |
Nested Routes এবং Dynamic Routes:
| ফোল্ডার কনভেনশন | রাউটিং |
|---|---|
folder | Route সেগমেন্ট। |
[folder] | Dynamic Route সেগমেন্ট। |
[...folder] | Catch-all Route। |
[[...folder]] | Optional Catch-all Route। |
Metadata এবং SEO ফাইল কনভেনশন:
| ফাইল নাম | কাজ |
|---|---|
favicon.ico | ফেভিকন ফাইল। |
robots.txt | Robots ফাইল। |
sitemap.xml | সাইটম্যাপ ফাইল। |
opengraph-image | Open Graph ইমেজ। |
twitter-image | Twitter ইমেজ। |
Pages Routing Conventions:
pages ডিরেক্টরির রাউটিং কনভেনশন:
| ফাইল নাম | কাজ |
|---|---|
_app | কাস্টম অ্যাপ। |
_document | কাস্টম ডকুমেন্ট। |
_error | কাস্টম এরর পেজ। |
404 | 404 এরর পেজ। |
500 | 500 এরর পেজ। |