Next.js ব্যবহার শুরু করতে হলে প্রথমে আপনার সিস্টেমে Node.js ইনস্টল থাকতে হবে। Node.js একটি জাভাস্ক্রিপ্ট রানটাইম যা সার্ভার সাইডের জন্য ব্যবহৃত হয় এবং এটি Next.js অ্যাপ্লিকেশন চালানোর জন্য প্রয়োজনীয়। Node.js ইনস্টল হওয়ার পর, আপনি সহজেই Next.js ফ্রেমওয়ার্ক ইনস্টল এবং সেটআপ করতে পারবেন।
ধাপ ১: Node.js ইন্সটল করা
Next.js ব্যবহার করতে হলে প্রথমে আপনার সিস্টেমে Node.js ইন্সটল করতে হবে। নিচে Node.js ইনস্টল করার পদক্ষেপ দেওয়া হলো:
১.১: Node.js ডাউনলোড
Node.js এর সর্বশেষ LTS (Long Term Support) ভার্সনটি ডাউনলোড করতে হবে। আপনি অফিসিয়াল ওয়েবসাইট থেকে এটি ডাউনলোড করতে পারেন।
LTS ভার্সন নির্বাচন করা উত্তম, কারণ এটি দীর্ঘ সময় ধরে আপডেট ও সাপোর্ট পায়।
১.২: Node.js ইনস্টল করা
ডাউনলোড করার পর, .pkg (MacOS) অথবা .msi (Windows) ফাইলটি রান করুন এবং ইনস্টলেশন প্রক্রিয়া সম্পন্ন করুন। ইনস্টলেশন সম্পন্ন হলে, টার্মিনাল বা কমান্ড প্রম্পটে নিচের কমান্ড দিয়ে নিশ্চিত করুন যে Node.js সঠিকভাবে ইনস্টল হয়েছে:
node -v
এটি Node.js এর ভার্সন দেখাবে। একইভাবে npm (Node Package Manager) এর ভার্সন চেক করতে:
npm -v
ধাপ ২: Next.js ইন্সটল করা
Node.js ইনস্টল হওয়ার পর, আপনি create-next-app টুল ব্যবহার করে Next.js অ্যাপ্লিকেশন তৈরি করতে পারেন। এটি একটি CLI টুল যা আপনাকে সহজেই একটি নতুন Next.js প্রজেক্ট তৈরি করতে সহায়তা করে।
২.১: নতুন Next.js অ্যাপ্লিকেশন তৈরি করা
টার্মিনাল বা কমান্ড লাইন ওপেন করুন এবং নিচের কমান্ডটি রান করুন:
npx create-next-app@latest my-next-app
এখানে:
my-next-appহলো আপনার প্রজেক্টের নাম। আপনি এটি আপনার পছন্দমতো পরিবর্তন করতে পারেন।
এই কমান্ডটি create-next-app টুলটি ব্যবহার করে একটি নতুন Next.js প্রজেক্ট তৈরি করবে এবং সকল প্রয়োজনীয় ডিপেন্ডেন্সি ইনস্টল করবে।
২.২: ইনস্টলেশন শেষ হওয়া
ইনস্টলেশন সম্পন্ন হলে, টার্মিনালে এই ধরনের বার্তা দেখতে পাবেন:
Success! Created my-next-app at /path/to/my-next-app
এটি দেখাচ্ছে যে Next.js অ্যাপ্লিকেশন সফলভাবে তৈরি হয়েছে।
ধাপ ৩: Next.js অ্যাপ চালানো
এখন আপনি আপনার তৈরি করা Next.js প্রজেক্ট চালু করতে পারেন।
৩.১: প্রজেক্ট ফোল্ডারে প্রবেশ করা
cd my-next-app
৩.২: ডেভেলপমেন্ট সার্ভার চালানো
Next.js ডেভেলপমেন্ট সার্ভার চালানোর জন্য, নিচের কমান্ডটি ব্যবহার করুন:
npm run dev
এটি ডেভেলপমেন্ট সার্ভার চালু করবে এবং সাধারণত আপনার অ্যাপ্লিকেশনটি http://localhost:3000 এ চলে যাবে। আপনার ব্রাউজারে গিয়ে এটি দেখতে পারবেন।
ধাপ ৪: ব্রাউজারে অ্যাপ্লিকেশন দেখা
আপনার ব্রাউজারে গিয়ে http://localhost:3000 পেজটি খুলুন। আপনি Next.js এর ডিফল্ট ওয়েলকাম পেজ দেখতে পাবেন, যা দেখাবে যে আপনার প্রজেক্ট সফলভাবে সেটআপ হয়েছে।
বিকল্প: Yarn ব্যবহার করে Next.js ইন্সটলেশন
যদি আপনি npm এর পরিবর্তে Yarn ব্যবহার করতে চান, তাহলে নিচের কমান্ডটি ব্যবহার করতে পারেন:
৪.১: Yarn ইনস্টলেশন
প্রথমে Yarn ইনস্টল করতে হবে, যদি এটি আপনার সিস্টেমে ইনস্টল না থাকে:
npm install --global yarn
৪.২: Next.js প্রজেক্ট তৈরি এবং চালানো
Yarn ব্যবহার করে Next.js অ্যাপ্লিকেশন তৈরি এবং চালাতে:
yarn create next-app my-next-app
cd my-next-app
yarn dev
এটি একইভাবে Next.js প্রজেক্ট তৈরি এবং ডেভেলপমেন্ট সার্ভার চালু করবে।
সারাংশ
Next.js ইন্সটলেশন খুবই সহজ। প্রথমে Node.js ইনস্টল করতে হবে, তারপর create-next-app টুল ব্যবহার করে একটি নতুন প্রজেক্ট তৈরি করতে হবে। এই প্রজেক্ট চালানোর জন্য npm run dev বা yarn dev কমান্ড ব্যবহার করা হয়, যার মাধ্যমে আপনি আপনার অ্যাপ্লিকেশন দেখতে পারবেন।
Read more
