৫.১: প্রজেক্ট বিল্ড করা
আমাদের প্রজেক্ট সম্পূর্ণ হয়েছে। এখন আমরা প্রজেক্টটি বিল্ড করব। টার্মিনালে নিচের কমান্ড রান করুন:
npm run buildএই কমান্ড রান করার পর, Next.js আমাদের প্রজেক্টের অপটিমাইজড বিল্ড তৈরি করবে। বিল্ড প্রসেস সফল হলে, আমরা নিচের কমান্ড দিয়ে প্রডাকশন সার্ভার চালাতে পারি:
npm run start৫.২: Vercel এ ডেপ্লয় করা
Next.js প্রজেক্ট ডেপ্লয় করার সবচেয়ে সহজ উপায় হল Vercel ব্যবহার করা। Vercel হল Next.js এর নির্মাতাদের দ্বারা তৈরি একটি ক্লাউড প্ল্যাটফর্ম।
Vercel এ ডেপ্লয় করার জন্য:
- প্রথমে Vercel এ একটি অ্যাকাউন্ট তৈরি করুন
- আপনার প্রজেক্টটি GitHub, GitLab, বা BitBucket এ পুশ করুন
- Vercel ড্যাশবোর্ডে গিয়ে “New Project” বাটনে ক্লিক করুন
- আপনার রিপোজিটরি সিলেক্ট করুন
- ডিফল্ট সেটিংস রেখে “Deploy” বাটনে ক্লিক করুন
Vercel আপনার প্রজেক্টটি অটোমেটিক্যালি বিল্ড এবং ডেপ্লয় করবে। ডেপ্লয় সম্পন্ন হলে, আপনি একটি URL পাবেন যেখানে আপনার ওয়েবসাইট লাইভ দেখতে পারবেন।
উপসংহার
এই টিউটোরিয়ালে আমরা Next.js দিয়ে একটি সম্পূর্ণ ওয়েবসাইট তৈরি করেছি। আমরা নিম্নলিখিত বিষয়গুলো শিখেছি:
- Next.js প্রজেক্ট সেটআপ করা
- Tailwind CSS দিয়ে স্টাইলিং করা
- রিইউজেবল কম্পোনেন্ট (হেডার, ফুটার) তৈরি করা
- বিভিন্ন পেজ (হোম, আমাদের সম্পর্কে, সেবাসমূহ, ব্লগ, যোগাযোগ) তৈরি করা
- ফর্ম হ্যান্ডলিং এবং ভ্যালিডেশন
- প্রজেক্ট বিল্ড এবং ডেপ্লয় করা
এই প্রজেক্টটি আরও উন্নত করার জন্য আপনি নিম্নলিখিত ফিচারগুলো যোগ করতে পারেন:
- ডাটাবেস ইন্টিগ্রেশন (MongoDB, PostgreSQL, ইত্যাদি)
- অথেনটিকেশন সিস্টেম
- ব্লগ পোস্টের জন্য CMS (Contentful, Sanity, ইত্যাদি)
- পেমেন্ট গেটওয়ে ইন্টিগ্রেশন
- মাল্টিল্যাঙ্গুয়েজ সাপোর্ট
আশা করি এই টিউটোরিয়াল আপনাকে Next.js দিয়ে ওয়েবসাইট তৈরি করতে সাহায্য করবে। ধন্যবাদ!