এবার ফ্রিতে আপনার ওয়েব সাইটটি কে লাইভ করুন

টিউন বিভাগ ওয়েব ডিজাইন
প্রকাশিত
জোসস করেছেন
Level 4
টিউনার, সেনবাগ রেসিডেন্সিয়াল দাখিল মাদ্রাসা, নোয়াখালী

আশাকরি ভালো আছেন। আজকে আমরা জানবো কিভাবে একটি ডিজাইন করা ওয়েব সাইটকে কোন প্রকার টাকা ছাড়াই লাইভ করবেন। লাইভ বলতে আপনার তৈরি করা ওয়েব সাইটটির একটি ইউআরএল বা লিংক থাকবে। যে লিংকে ভিজিট করলে আপনার তৈরি করা ওয়েব সাইটটি দেখতে পাবেন। আপনার ওয়েব সাইটটি অবশ্যই স্টাটিক ওয়েব সাইট হতে হবে। অর্থাৎ যার কোন সার্ভার বা ব্যাকেন্ড থাকবে না। তো চলুন আর কথা না বাড়িয়ে শুরু করা যাক।

 

ওয়েব সাইটটি লাইভ করার জন্য আমরা গিটহাবের সার্ভিস ব্যবহার করবো। যারা কোডিং করে থাকেন তারা অবশ্যই গিটহাব সম্পর্কে জানেন। আর যদি না জানেন তাহলে গিটহাব এবং গিট শিখে নিন। কারণ একজন প্রোগ্রামার অথবা যে কোড করে থাকে তার গিট এবং গিটহাব জানা অনেক জরুরি। গিটহাব নিয়ে কাজ করতে হলে প্রথমে আমাদের কম্পিউটারে গিট ইনস্টল থাকতে হবে। যাদের কম্পিউটারে গিট নাই তারা এই লিংকে গিয়ে ডাউনলোড করে ইনস্টল করে নিন। ইনস্টল করা সম্পন্ন হলে আপনি আপনার প্রজেক্ট ফোল্ডারে যান। তারপর মাউসের রাইট বাটন ক্লিক করুন। যদি গিট সঠিক ভাবে ইনস্টল হয় তাহলে নিচের মতো কিছু অপশন দেখতে পাবেন।

এই দুটি অপশন থেকে নিচের অপশনে ক্লিক করুন। তারপর আপনার সামনে গিটের ইন্টারপেজটি অপেন হবে। তারপর আমাদের প্রথম কাজ হচ্ছে আমাদের প্রজেক্টে গিট ইনিট করা। তার জন্য টাইপ করুন git init এরপর এন্টার কি দিন। তাহলে আপনার প্রজেক্টে গিট ইনিট হয়েছে। তারপরের কাজ হচ্ছে আমাদের প্রজেক্টে থাকা সকল ফাইল গিটে রাখা। তার জন্য টাইপ করুন git add.  এরপর এন্টার কি দিন। এবার আমাদেরকে গিটে রাখা ফাইল গুলোকে গিটে সেভ করতে হবে যাতে করে পরবর্তিতে ফাইল গুলো না হারিয়ে যায়। তার জন্য টাইপ করুন git commit m-"first commit" এরপর এন্টার কি দিন। সঠিকভাবে আমরা আমাদের ফাইল গুলো গিটে সেভ করতে পেরেছি। কিন্তু এতক্ষন যে কাজটা করেছি তা শুধু আমাদের কম্পিউটারে থাকবে। অন্য কোথাও থেকে তা দেখতে পাবে না। যদি আমরা ফাইল গুলোকে সবাইকে দেখাতে চাই এবং ওয়েব সাইটটাকেও দেখাতে চাই তাহলে আমাদের গিটহাবের সাহায্য নিতে হবে। তো চলুন গিটহাবে ফাইল গুলো আপলোড করি।

 

গিটহাব হচ্ছে একটি কোড শেয়ারিং ওয়েব সাইট। গিটহাবে ভিজিট করতে এখানে ক্লিক করুন। তারপর নিচের মতো একটি পেজ দেখতে পাবেন।

প্রথমে আমাদেরকে গিটহাবে একটা একাউন্ট তৈরি করতে হবে। যাতে করে আমরা আমাদের কোড গুলোকে সেভ করে রাখতে পারি। একাউন্ট তৈরি করার জন্য উপরে থাকা Sign Up বাটনে ক্লিক করুন।

এখানে প্রথমে আপনার একটি ইউনিক ইউজার নেম দিন। তারপরের বক্সে আপনার ইমেইলটি দিন এবং সর্বশেষ বক্সে একটি পাসওয়ার্ড দিন। এবার verify বাটনে ক্লিক করে verify করে নিন। সবকিছু ঠিক ঠাক থাকলে Create Account বাটনে ক্লিক করুন। তাহলে সঠিক ভাবে আপনার একাউন্টটি তৈরি হয়ে যাবে।

আপনাদেরকে হোম পেজে নিয়ে আসবে। হোম পেজের উপরে ডান পাশে একটি যোগ দেখতে পাবেন সেখানে ক্লিক করুন। তাহলে উপরের মতো কয়েকটা অপশন দেখতে পাবেন। তার মধ্য থেকে new repository অপশনে ক্লিক করুন। Repository মানে হচ্ছে আপনি গিটহাবে একটি নতুন প্রজেক্ট বা ফোল্ডার তৈরি করতেছেন। যেখানে আপনার কম্পিউটারে থাকা প্রজেক্টটা রাখবেন। ক্লিক করার পর নিচের মতো একটি পেজ দেখতে পাবেন।

এখানে থাকা Repository Name বক্সে আপনার প্রজেক্টের একটি নাম দিন। তারপর Create repository বাটনে ক্লিক করুন। তাহলে আপনার নতুন প্রজেক্ট তৈরি হয়ে যাবে।

repository তৈরি হওয়ার পর এইরকম একটি পেজ দেখতে পাবেন। এখানে থাকা প্রথম কয়েকটা কোড বা কমান্ড আমরা আগেই রান করেছিলাম এখন বাকিগুলো রান করে আমাদের প্রজেক্টটা গিটহাবে রাখবো। তার জন্য আবার গিটে ফিরে যান। তারপর আবার টাইপ করুন git branch -M main তারপর এন্টার দিন। এবার আমাদেরকে বলে দিতে হবে গিটে থাকা প্রজেক্টটা গিটহাবের কোন একাউন্ট বা লিংকে আপলোড হবে। তার জন্য আপনি গিটহাবে গিয়ে ছয় নাম্বার লাইনে একটি লিংক দেখতে পাবেন সেটি কপি করে গিটে পেস্ট করুন এবং এন্টার দিন। গিট যদি আপনার কম্পিউটারে নতুন ইনস্টল করা হয়ে থাকে তাহলে আপনার সামনে একটি লগিন পেজ অপেন হবে। সেখানে আপনি গিটহাবে যে ইউজার নেম এবং পাসওয়ার্ড দিয়ে একাউন্ট তৈরি করে সেটি দিয়ে লগিন করুন। যদি লগিন সঠিক ভাবে হয়ে থাকে তাহলে আবার গিটে টাইপ করুন git push -u origin main এবং এন্টার দিন। তারপর গিটহাবে এসে পেজটা একবার রিফ্রেস দিন তাহলে আপনি আপনার প্রজেক্টটা দেখতে পাবেন। একই নিয়মে আপনি যেকোন কোড গিটহাবে আপলোড করে রাখতে পারবেন। এবার চলুন দেখা যাক কিভাবে প্রজেক্টটা লাইভ করবো।

 

গিটহাবে যে প্রজেক্টটা আপনি লাইভ করতে চান সেটাতে থাকা অবস্থায় উপরের অপশন গুলো থেকে settings অপশনে ক্লিক করুন।

এই পেজে আসার পর একটু নিচে আসুন তাহলে github pages নামে একটি অপশন দেখতে পাবেন। সেখানে থাকা none বাটনে ক্লিক করুন তারপর main অপশনে ক্লিক করে save বাটনে ক্লিক করুন। তাহলে এই পেজটি রিফ্রেশ নিবে এবং সেভ হয়ে যাবে। তারপর আবার এই অংশে আসুন তাহলে একটি লিংক দেখতে পাবেন। এই লিংকে ভিজিট  করলে আপনি আপনার কাঙ্গিত ওয়েব সাইটটি দেখতে পাবেন। চাইলে যেকারো সাথে লিংকটি শেয়ার করতে পারবেন।

 

এভাবে যেকোন ওয়েব সাইট লাইভ করতে পারবেন কোন প্রকার টাকা ছাড়াই। আশা করি টিউনটি ভালো লেগেছে। আজকের জন্য এই পর্যন্ত আল্লাহ হাফেজ।

Level 4

আমি রাশেদুল ইসলাম। টিউনার, সেনবাগ রেসিডেন্সিয়াল দাখিল মাদ্রাসা, নোয়াখালী। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 4 বছর যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 62 টি টিউন ও 61 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 16 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস