Next.js
কীভাবে একটি Next.js সাইট ফ্রিতে স্ট্যাটিক পেজ হিসেবে ডেপ্লয় করবেন
Next.js শক্তিশালী, কিন্তু প্রতিটি প্রজেক্টে সার্ভার-সাইড রেন্ডারিং দরকার হয় না। আপনার সাইট যদি মূলত স্ট্যাটিক পেজ হয়, আপনি এটি সাধারণ HTML হিসেবে এক্সপোর্ট করে যেকোনো জায়গায় ডেপ্লয় করতে পারেন—HTML To Link সহ, যা এক মিনিটের কম সময়ে ফ্রি পাবলিক URL দেয়।
Next.js-এ স্ট্যাটিক এক্সপোর্ট সক্রিয় করুন
আপনার next.config.mjs-এ output: 'export' যোগ করুন। এটি Next.js-কে বলে যে npx next build চালালে out/ ডিরেক্টরিতে একটি সম্পূর্ণ স্ট্যাটিক সাইট তৈরি করতে হবে।
কোনো API রুট নেই, ডাইনামিক ডেটা সহ সার্ভার কম্পোনেন্ট নেই, মিডলওয়্যার নেই—শুধু বিশুদ্ধ HTML, CSS ও JavaScript যা যেকোনো ব্রাউজারে চলে।
- // next.config.mjs
- export default { output: 'export' }
- তারপর চালান: npx next build
- স্ট্যাটিক ফাইল out/ ডিরেক্টরিতে দেখা যাবে
out/ ডিরেক্টরি ডেপ্লয় করুন
out/ ফোল্ডার ZIP করুন এবং HTML To Link-এ আপলোড করুন। এন্ট্রি ফাইল index.html সেট করুন। আপনি তাৎক্ষণিকভাবে একটি লাইভ URL পাবেন।
বিকল্পভাবে, --next ফ্ল্যাগ সহ MCP সার্ভার ব্যবহার করুন: npx htmltolink-mcp deploy --next। এটি বিল্ড ও আপলোড স্বয়ংক্রিয়ভাবে সামলায়।
- ম্যানুয়াল: out/ ZIP করুন → আপলোড → index.html বেছে নিন → পাবলিশ
- CLI: npx htmltolink-mcp deploy --next (স্বয়ংক্রিয় বিল্ড + আপলোড)
- এজেন্ট: Cursor-কে বলুন 'এই Next.js প্রজেক্ট ডেপ্লয় করো'
কখন স্ট্যাটিক এক্সপোর্ট উপযুক্ত
ল্যান্ডিং পেজ, ডকুমেন্টেশন সাইট, পোর্টফোলিও, ব্লগ প্রিভিউ, মার্কেটিং পেজ এবং AI-তৈরি ফ্রন্টএন্ড—সবই দুর্দান্ত প্রার্থী।
আপনার যদি SSR, API রুট বা রিকোয়েস্ট টাইমে ডাটাবেস কোয়েরি দরকার হয়, Vercel বা Node সার্ভারে থাকুন। বাকি সবকিছুর জন্য স্ট্যাটিক এক্সপোর্ট + HTML To Link হলো দ্রুততম ফ্রি পথ।
FAQ
আমাকে কি আমার Next.js কোড পরিবর্তন করতে হবে?
শুধুমাত্র যদি আপনি সার্ভার-ওনলি ফিচার ব্যবহার করেন (API রুট, getServerSideProps, মিডলওয়্যার)। getStaticProps বা বিশুদ্ধ ক্লায়েন্ট কম্পোনেন্ট ব্যবহারকারী পেজ যেমন আছে তেমনই কাজ করে।
ছবি ও ফন্টের কী হবে?
সেগুলো স্বয়ংক্রিয়ভাবে out/ ডিরেক্টরিতে অন্তর্ভুক্ত হয়। শুধু নিশ্চিত করুন যে আপনি রিলেটিভ পাথ বা স্ট্যাটিক এক্সপোর্টের জন্য কনফিগার করা next/image লোডার ব্যবহার করছেন।
আমি কি পরে সাইট আপডেট করতে পারি?
হ্যাঁ। পুনরায় বিল্ড করুন এবং একই লিংকে পুনরায় আপলোড করুন। আপডেট জুড়ে URL স্থিতিশীল থাকে।