Next.jsIntermediate
Development ও Production Mode
next dev, next build, next start — development ও production-এর পার্থক্য ও scripts বাংলায়।
11টি অংশবাংলা ভাষায়
Next.js-এ দুটি mode — development (প্রতিটি সংরক্ষণে instant update) ও production (optimized build)।
Development Mode
Terminalbash
bash
npm run dev- Fast Refresh — edit করলেই instant update
- Detailed error overlays
- Turbopack দিয়ে দ্রুত compile
Production Build
Terminalbash
bash
npm run build
npm run startnext build— optimized, minified bundle তৈরি- Prerendering শুরু এই সময়ে
next start— production server চালায়
Next 16-এ lint
Next.js 16 থেকে next build আর automatic linter run করে না। আলাদা script npm run lint/npm run lint:fix দিয়ে run করুন।
Build Output বুঝুন
Terminal (build summary)text
text
Route (app) Size First Load JS
┌ ○ / 486 B 88 kB
├ λ /blog 3.7 kB 91 kB
└ ○ /about 381 B 88 kB
○ (Static) → prerendered as static content
λ (Dynamic) → server-rendered on demandStatic বনাম Dynamic
○ = static (build-এ prerender, fastest), λ = dynamic (request-এ render)। যতটা সম্ভব static রাখুন, তবে dynamic data লাগলে dynamic সাধারণ।
শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।