ভাই, সত্যি কথা বলি — ইন্টারভিউতে বসে যখন বলবেন "আমি React জানি, Django পারি", রিক্রুটার প্রথমে কী করে জানেন? গুগলে আপনার নাম সার্চ দেয়। যদি আপনার কোনো অনলাইন উপস্থিতি না থাকে, তাহলে আপনার সব স্কিল শুধু কথা হয়ে যায়। অথচ বাংলাদেশের হাজারো স্টুডেন্ট প্রতিদিন কোডিং শিখছে, কিন্তু একটা প্রফেশনাল পোর্টফোলিও ওয়েবসাইট নেই। কারণটা কী? হয় টাকা লাগে ভাবেন, নাহয় টেকনিক্যাল ঝামেলা ভাবেন।
আজ আমি দেখাবো — একদম শূন্য থেকে ফ্রিতে পোর্টফোলিও ওয়েবসাইট বানানো যায়। খরচ শূন্য টাকা, টেকনিক্যাল ঝামেলা মাত্র ৩০ মিনিট। GitHub Pages হোস্টিং দেবে ফ্রি, আর চাইলে Google Domains দিয়ে নিজের নামের ডোমেইন যুক্ত করতে পারবেন। এই গাইড শেষ করে আপনি একটা লাইভ URL পাবেন যেটা রেজুমে, LinkedIn, আর CV-তে গর্ব করে দিতে পারবেন।
চলুন, একদম শুরু থেকে ধাপে ধাপে দেখি।
কেন বাংলাদেশি স্টুডেন্টদের জন্য পোর্টফোলিও ওয়েবসাইট জরুরি?
আমাদের দেশে একটা বড় সমস্যা আছে — ডিগ্রি আছে, স্কিল আছে, কিন্তু প্রমাণ নেই। রিক্রুটার আপনার CGPA দেখে না, দেখে আপনি আসলে কী বানাতে পারেন। আর সেটা দেখানোর সবচেয়ে ভালো জায়গা হলো একটা লাইভ পোর্টফোলিও সাইট।
ভাবুন, দুইজন ক্যান্ডিডেট। একজন শুধু CV-তে লিখেছে "Built an e-commerce app". আরেকজন লিংক দিয়েছে যেখানে ক্লিক করলেই লাইভ ডেমো, সোর্স কোড, স্ক্রিনশট — সব। কাকে হায়ার করবেন? উত্তর স্পষ্ট।
এছাড়াও ফ্রিল্যান্সিং করতে চাইলে (Fiverr, Upwork) ক্লায়েন্ট প্রথমেই আপনার পোর্টফোলিও চায়। বিদেশি ক্লায়েন্টের কাছে লিংক ছাড়া আপনি অদৃশ্য। আর একটা কথা — নিজের সাইট বানানোর প্রসেসে আপনি Git, GitHub, HTML, CSS, DNS — এসব শিখে যাবেন, যেগুলো জব মার্কেটে সোনার মতো দামি।
মনে রাখবেন: পোর্টফোলিও শুধু সাইট না, এটা আপনার নীরব সেলসম্যান — যে ২৪ ঘণ্টা আপনার হয়ে কাজ করে।
GitHub Pages কী এবং কেন এটাই সেরা ফ্রি অপশন?
GitHub Pages হলো GitHub-এর একটা ফ্রি হোস্টিং সার্ভিস। আপনি আপনার কোড GitHub-এ পুশ করবেন, আর GitHub সেটাকে একটা লাইভ ওয়েবসাইট হিসেবে সার্ভ করবে। কোনো সার্ভার কেনা লাগবে না, কোনো মাসিক বিল নেই, HTTPS ফ্রি, আর স্পিডও দুর্দান্ত (তারা CDN ব্যবহার করে)।
অন্য ফ্রি অপশনও আছে — Netlify, Vercel, Firebase Hosting। কিন্তু স্টুডেন্টদের জন্য GitHub Pages-এর বাড়তি সুবিধা হলো:
- সম্পূর্ণ ফ্রি: কোনো ক্রেডিট কার্ড লাগে না, কোনো ট্রায়াল পিরিয়ড নেই।
- Git শেখা হয়: একইসাথে ভার্সন কন্ট্রোল স্কিল ডেভেলপ হয়।
- কাস্টম ডোমেইন সাপোর্ট: চাইলে নিজের ডোমেইন যুক্ত করা যায়।
- রিক্রুটার-ফ্রেন্ডলি: গিটহাব প্রোফাইল দেখলেই বোঝা যায় আপনি সিরিয়াস ডেভেলপার।
আপনার সাইটের ফ্রি URL হবে এমন: https://yourusername.github.io। এটাই আপনার প্রথম ধাপ।
ধাপে ধাপে পোর্টফোলিও ওয়েবসাইট বানানো (Step-by-Step)
ধাপ ১: GitHub অ্যাকাউন্ট ও রিপোজিটরি তৈরি
প্রথমে github.com-এ একটা অ্যাকাউন্ট খুলুন। ইউজারনেমটা পেশাদার রাখুন — যেমন rakib-hasan, coolboy123 না। কারণ আপনার সাইটের URL-এ এই নামটাই থাকবে।
এরপর একটা নতুন রিপোজিটরি বানান। নাম দিতে হবে ঠিক এই ফরম্যাটে: yourusername.github.io। উদাহরণস্বরূপ, ইউজারনেম যদি rakib-hasan হয়, রিপো নাম হবে rakib-hasan.github.io। এটা পাবলিক রাখুন, README যোগ করার দরকার নেই।
ধাপ ২: লোকালি ফাইল তৈরি ও Git সেটআপ
আপনার কম্পিউটারে একটা ফোল্ডার বানান। ভেতরে index.html ফাইল তৈরি করুন। টার্মিনাল বা Git Bash খুলে নিচের কমান্ডগুলো চালান:
git init
git add index.html
git commit -m 'first portfolio commit'
git branch -M main
git remote add origin https://github.com/yourusername/yourusername.github.io.git
git push -u origin mainএখন ব্রাউজারে https://yourusername.github.io খুলুন। যদি আপনার HTML পেজ দেখা যায় — অভিনন্দন! আপনার সাইট লাইভ। প্রথমবার পুশ করার পর লাইভ হতে ১-২ মিনিট লাগতে পারে।
ধাপ ৩: পোর্টফোলিওর কনটেন্ট সাজানো
এখন আসল কাজ — সাইটে কী থাকবে। একটা প্রফেশনাল পোর্টফোলিওতে সাধারণত এই সেকশনগুলো থাকে:
- Hero সেকশন: আপনার নাম, টাইটেল (যেমন "Frontend Developer"), আর এক লাইনের ট্যাগলাইন।
- About: ৩-৪ লাইনে আপনি কে, কী করেন।
- Skills: HTML, CSS, JavaScript, Python ইত্যাদি।
- Projects: ৩-৫টা বেস্ট প্রজেক্ট, লাইভ লিংক ও GitHub লিংক সহ।
- Contact: ইমেইল, LinkedIn, GitHub।
নিচে একটা মিনিমাল স্টার্টার HTML দিলাম যেটা কপি-পেস্ট করে শুরু করতে পারেন:
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Rakib Hasan - Frontend Developer</title>
</head>
<body>
<h1>Rakib Hasan</h1>
<p>Frontend Developer | React & JavaScript</p>
<a href='mailto:rakib@example.com'>Email Me</a>
</body>
</html>শুরুতে সিম্পল রাখুন। পরে CSS দিয়ে সাজাবেন। জটিল টেমপ্লেট দিয়ে শুরু করলে শিখতে গিয়ে হতাশ হবেন।
ধাপ ৪: রিপোজিটরি পুশ ও লাইভ করা
প্রতিবার পরিবর্তন করার পর এই তিনটা কমান্ড চালাবেন:
git add .
git commit -m 'updated projects section'
git pushএতেই আপনার পরিবর্তন লাইভ সাইটে চলে যাবে। এটাই GitHub Pages-এর সৌন্দর্য — কোড আর ওয়েবসাইট একই জায়গায়।
Google Domains দিয়ে কাস্টম ডোমেইন যুক্ত করা
এখন আপনার সাইটের URL yourusername.github.io। এটা ঠিক আছে, কিন্তু প্রফেশনাল লেগে না। চাইলে rakibhasan.com বা rakib.dev টাইপ ডোমেইন ব্যবহার করতে পারেন।
এখানে একটা জরুরি আপডেট বলি: Google Domains ২০২৩ সালে বন্ধ হয়ে Squarespace-এ চলে গেছে। তাই এখন আপনি Cloudflare Registrar, Namecheap, Porkbun বা Google Workspace-এর মাধ্যমে ডোমেইন কিনতে পারেন। তবে ডোমেইন সেটআপ প্রসেস একই।
ডোমেইন কেনার পর GitHub-এ যান: আপনার রিপো Settings → Pages → Custom domain। আপনার ডোমেইন লিখুন, Save দিন। এরপর DNS কনফিগার করতে হবে:
- A রেকর্ড: চারটা IP যোগ করুন —
185.199.108.153,185.199.109.153,185.199.110.153,185.199.111.153 - CNAME রেকর্ড:
wwwসাবডোমেইনের জন্য টার্গেট দিনyourusername.github.io
DNS প্রপাগেট হতে ২৪ ঘণ্টা পর্যন্ত লাগতে পারে। এরপর GitHub-এ Enforce HTTPS চেক করুন — ফ্রি SSL সার্টিফিকেট পাবেন।
টিপস: ডোমেইনের জন্য বছরে ৮০০-১৫০০ টাকা লাগে। এটা কিন্তু হোস্টিং ফ্রি থাকার কারণে অনেক সাশ্রয়।
আরও শেখার জন্য আমাদের কোর্সগুলো দেখতে পারেন, যেখানে ওয়েব ডেভেলপমেন্টের বেসিক থেকে অ্যাডভান্সড পর্যন্ত সব আছে।
পোর্টফোলিওকে হায়ারিং-রেডি করার ৭টি টিপস
সাইট বানানো মানেই কাজ শেষ না। এখন এটাকে এমনভাবে সাজাতে হবে যাতে রিক্রুটার ৩০ সেকেন্ডে মুগ্ধ হন।
- প্রজেক্টে লাইভ লিংক দিন: শুধু GitHub রিপো না, লাইভ ডেমো দিন। রিক্রুটার কোড পড়বেন না, সাইট চালাবেন।
- প্রজেক্ট ডেসক্রিপশনে সমস্যা-সমাধান লিখুন: "বানিয়েছি" না লিখে লিখুন "এই সমস্যা সমাধান করতে এই টেকনোলজি ব্যবহার করেছি"।
- মোবাইল-ফ্রেন্ডলি করুন: রিক্রুটার ফোনে দেখবেন। CSS-এ
media queryব্যবহার করুন। - লোডিং স্পিড: বড় ইমেজ কমপ্রেস করুন (TinyPNG ব্যবহার করুন)।
- Contact সহজ করুন: ইমেইল ক্লিক করলেই যেন মেইল ক্লায়েন্ট খোলে।
- CV-তে লিংক দিন: রেজুমের হেডারে আপনার ডোমেইন লিখুন।
- নিয়মিত আপডেট: নতুন প্রজেক্ট শেষ হলে সাথে সাথে যোগ করুন।
আপনি চাইলে আমাদের ফ্রি রিসোর্স সেকশন থেকে রেজুমে ও পোর্টফোলিও টেমপ্লেট নিতে পারেন।
কমন ভুল যেগুলো এড়িয়ে চলবেন
শুরুতে অনেকেই কিছু ভুল করে বসেন, যেগুলো পরে সংশোধন করা কষ্টের।
- অতিরিক্ত অ্যানিমেশন: চোখ ধাঁধানো ইফেক্ট দিলে প্রফেশনাল না, বরং অ্যামেচার লাগে।
- কপি করা টেমপ্লেট হুবহু ব্যবহার: অন্তত নাম-ছবি-প্রজেক্ট বদলান।
- লম্বা প্যারাগ্রাফ: রিক্রুটার পড়েন না। বুলেট পয়েন্ট ব্যবহার করুন।
- ভাঙা লিংক: প্রতি মাসে একবার সব লিংক চেক করুন।
- পাসওয়ার্ড/API key পাবলিক রিপোতে: এটা বড় নিরাপত্তা ঝুঁকি।
এই ভুলগুলো এড়ালেই আপনার সাইট অন্যদের চেয়ে এগিয়ে থাকবে।
পরবর্তী ধাপ: শেখা চালিয়ে যান
একটা পোর্টফোলিও বানানো মানে আপনি থেমে যাবেন না। বরং এটা আপনার শেখার জার্নির শুরু। প্রথমে সিম্পল HTML/CSS দিয়ে বানান, তারপর JavaScript শিখে ইন্টারঅ্যাক্টিভ করুন, তারপর React বা Next.js দিয়ে আরও প্রফেশনাল ভার্সন বানান।
আমাদের কমিউনিটি-তে জয়েন করে অন্য শিক্ষার্থীদের কাজ দেখুন, ফিডব্যাক নিন। আর যদি স্ট্রাকচার্ডভাবে শিখতে চান, আমাদের ফুল-স্ট্যাক কোর্স দেখে নিন। মনে রাখবেন — আজ যে সাইটটা বানালেন, সেটাই হয়তো আপনার প্রথম জবের দরজা খুলে দেবে।
সাধারণ প্রশ্নোত্তর
GitHub Pages ব্যবহার করতে কি টাকা লাগে?
না, একদম ফ্রি। পাবলিক রিপোজিটরির জন্য GitHub Pages সম্পূর্ণ বিনামূল্যে হোস্টিং, HTTPS আর CDN দেয়। শুধু কাস্টম ডোমেইন চাইলে ডোমেইনের বার্ষিক ফি দিতে হয়।
আমার কি কোডিং জানা লাগবে পোর্টফোলিও বানাতে?
বেসিক HTML আর CSS জানলেই যথেষ্ট। এমনকি জিরো নলেজ থাকলেও GitHub-এর টেমপ্লেট বা Jekyll থিম দিয়ে শুরু করা যায়। তবে নিজে কোড লিখলে শেখা ও কাস্টমাইজেশন দুটোই ভালো হয়।
Google Domains কি এখনো কাজ করে?
Google Domains ২০২৩ সালে বন্ধ হয়ে Squarespace-এ ট্রান্সফার হয়েছে। এখন ডোমেইন কেনার জন্য Cloudflare, Namecheap বা Porkbun ব্যবহার করতে পারেন। GitHub Pages-এ কাস্টম ডোমেইন সেটআপ প্রসেস একই থাকে।
একটা সাইটে কতগুলো প্রজেক্ট দেখানো উচিত?
৩ থেকে ৫টা বেস্ট প্রজেক্টই যথেষ্ট। কম কিন্তু কোয়ালিটি বেশি হলে ভালো। প্রতিটা প্রজেক্টে লাইভ লিংক, GitHub রিপো এবং সংক্ষিপ্ত বর্ণনা দিন।
পোর্টফোলিও সাইট কি সত্যিই চাকরি পেতে সাহায্য করে?
অবশ্যই। বাংলাদেশ ও আন্তর্জাতিক জব মার্কেটে রিক্রুটাররা প্রার্থীর অনলাইন উপস্থিতি দেখেন। একটা ভালো পোর্টফোলিও আপনার স্কিলের প্রমাণ দেয় এবং অন্যদের থেকে আলাদা করে। বিশেষ করে ফ্রিল্যান্সিং ও রিমোট জবে এটা প্রায় বাধ্যতামূলক।
