ভূমিকা
ChatGPT, Canva, Gemini Canvas, Claude Artifacts, অথবা Sider Web Creator-এর মতো AI সরঞ্জাম দিয়ে একটি সাইট তৈরি করার পরে, পরবর্তী বড় প্রশ্ন হল কিভাবে GitHub Pages-এ ওয়েব হোস্টিং পরিচালনা করবেন যাতে আপনি নিজের ডোমেইনের মাধ্যমে সাইটটি ভিজিট করতে পারেন। এই গাইডটি আপনাকে ধাপে ধাপে পথ দেখাবে—-এ একটি প্রোজেক্ট এক্সপোর্ট করা থেকে শুরু করে আপনার ব্যক্তিগত ডোমেইনের অধীনে একটি সম্পূর্ণ ওয়েবসাইট তৈরি করা পর্যন্ত—এবং সেই সাথে ওয়েব হোস্টিং এবং GitHub Pages কনফিগারেশন উভয়কেই সহজ করে তুলবে।
🎯 আপনি যা শিখবেন
GitHub Pages ওয়েব-হোস্টিং ওয়ার্কফ্লো বেছে নেওয়ার আগে AI-জেনারেটেড প্রোজেক্ট ফাইলগুলি সঠিকভাবে ডাউনলোড এবং বুঝতে পারা।
GitHub Pages-এ বিনামূল্যে সাইটটি স্থাপন করার জন্য ধাপে ধাপে নির্দেশাবলী।
GitHub Pages সেটিংসের মধ্যে আপনার নিজের কাস্টম ডোমেইন কেনা এবং সংযুক্ত করা এবং এটিকে সেরা DNS রেকর্ডের সাথে সংযোগ করা।
GitHub Pages সেটআপ লাইভ হওয়ার পরে সাইটটিকে সম্পূর্ণরূপে পেশাদার এবং বিশ্বাসযোগ্য করে তোলার জন্য প্রো টিপস।
📥 ধাপ ১: Sider Web Creator থেকে আপনার সাইট ডাউনলোড করুন
বেশিরভাগ স্ট্যাটিক-হোস্টিং প্ল্যাটফর্ম—GitHub Pages সহ—একটি পরিচ্ছন্ন বিল্ড ফোল্ডার আশা করে, তাই প্রথমে আপনাকে আপনার ফাইলগুলি সংগ্রহ করতে হবে।
১.১ প্রোজেক্ট ফাইল ডাউনলোড করুন
Web Creator সাইট তৈরি করা শেষ করার পরে, উপরের-ডান কোণে ডাউনলোড বোতামে ক্লিক করুন।
সিস্টেম আপনার প্রোজেক্ট প্যাকেজ করার জন্য অপেক্ষা করুন।
আপনি GitHub Pages আপলোডের জন্য প্রস্তুত একটি .zip ফাইল পাবেন।
আপনার কম্পিউটারের যেকোনো জায়গায় জিপটি আনজিপ করুন।
১.২ ফাইলের গঠন বুঝুন (গুরুত্বপূর্ণ!)
my-website/
├── dist/ ⭐ **GitHub Pages**-এর জন্য প্রোডাকশন বিল্ড
│ ├── index.html → হোম পেজ
│ ├── assets/ → স্টাইল এবং স্ক্রিপ্ট
│ └── …
├── src/ 📝 সোর্স কোড ফোল্ডার
├── package.json 📦 প্রোজেক্ট কনফিগারেশন
└── …অন্যান্য ফাইল
গুরুত্বপূর্ণ মনে রাখার বিষয়: dist/ এর ভিতরের বিষয়বস্তু শুধুমাত্র GitHub Pages-এ প্রকাশিত হবে।
১.৩ লোকাল প্রিভিউ টেস্ট
dist/ ফোল্ডারে প্রবেশ করুন।
index.html-এ ডাবল-ক্লিক করুন।
সাইটটি আপনার ব্রাউজারে খুলবে।
GitHub Pages-এ পুশ করার আগে সবকিছু কাজ করছে কিনা তা যাচাই করুন।
🚀 ধাপ ২: একটি স্থাপন প্ল্যাটফর্ম নির্বাচন করুন
যদিও GitHub Pages এই গাইডের মূল বিষয়, এখানে একটি দ্রুত তুলনা দেওয়া হল:
| |
|---|
🌟 GitHub Pages (এই গাইডের ফোকাস) | সম্পূর্ণ বিনামূল্যে • ড্র্যাগ-এন্ড-ড্রপ বা git push স্থাপন • বিনামূল্যে HTTPS • গ্লোবাল CDN • কাস্টম ডোমেইন • GitHub Actions এর সাথে নেটিভ CI |
| গ্লোবাল এজ নেটওয়ার্ক • 100% বিনামূল্যে • খুব দ্রুত |
| পরিশীলিত UI • বৈশিষ্ট্য-সমৃদ্ধ |
📤 ধাপ ৩: GitHub Pages-এ স্থাপন করুন (বিস্তারিত গাইড)
যদিও GitHub Pages একটি ডেভেলপার প্ল্যাটফর্মের মধ্যে থাকে, তবে এটিকে পুশ-বোতাম সুবিধার সাথে অতি-আধুনিক ওয়েব হোস্টিং হিসাবে মনে করুন।
৩.১ সাইন আপ করুন এবং একটি রিপোজিটরি তৈরি করুন
github.com ভিজিট করুন এবং সাইন ইন করুন।
+ New repository-এ ক্লিক করুন।
এটির নাম my-website দিন এবং পাবলিক নির্বাচন করুন (অথবা প্রাইভেট যদি আপনার পেইড প্ল্যান থাকে; GitHub Pages এখন প্রাইভেট রেপো সমর্থন করে)।
আপনি যদি পরে পুশ করার পরিকল্পনা করেন তবে Initialize with README আনচেকড রাখুন।
৩.২ আপনার সাইট ফাইল যোগ করুন
পদ্ধতি A: ড্র্যাগ-এন্ড-ড্রপ আপলোড (নতুনদের জন্য সেরা)
রেপোর Code ট্যাবে Add file → Upload files-এ ক্লিক করুন।
dist/ এর ভিতরের সবকিছু ড্রপ করুন।
নিচে স্ক্রোল করুন এবং Commit changes-এ ক্লিক করুন।
পদ্ধতি B: Git CLI (ডেভেলপারদের জন্য সেরা)
# খালি রেপো ক্লোন করুন
git clone https://github.com/<user>/my-website.git
cd my-website
# বিল্ড আউটপুট কপি করুন
cp -r /path/to/dist/* .
# কমিট এবং পুশ করুন
git add .
git commit -m "Initial **GitHub Pages** deploy"
git push origin main
যেকোনো পথ আপনাকে রেপো রুটে স্ট্যাটিক ফাইলগুলির সাথে ছেড়ে দেয়—GitHub Pages-এর জন্য উপযুক্ত।
৩.৩ GitHub Pages সক্ষম করুন
Settings → Pages-এ যান।
Source-এর অধীনে Deploy from a branch → main (/root) নির্বাচন করুন।
Save-এ ক্লিক করুন। GitHub Pages ~30 সেকেন্ডে বিল্ড করে এবং https://<user>.github.io/my-website/ এর মতো একটি URL ফেরত দেয়।
৩.৪ আপনার ডিফল্ট URL ধরুন
সবকিছু লোড হচ্ছে কিনা তা নিশ্চিত করতে লিঙ্কে যান। GitHub Pages স্বয়ংক্রিয়ভাবে গ্লোবাল CDN এর মাধ্যমে পরিবেশন করে।
🌐 ধাপ ৪: আপনার নিজের ডোমেইন কিনুন এবং সংযুক্ত করুন
৪.১ একটি ডোমেইন কিনুন
প্রস্তাবিত রেজিস্ট্রার (সবকটি GitHub Pages এর সাথে ভালোভাবে কাজ করে): Namecheap, GoDaddy, Alibaba Cloud, Tencent Cloud। যেখানে সম্ভব একটি ছোট .com নির্বাচন করুন।
৪.২ GitHub Pages-এ ডোমেইন যোগ করুন
এখনও Settings → Pages-এ, Custom domain খুঁজুন।
mywebsite.com অথবা www.mywebsite.com লিখুন।
Save-এ ক্লিক করুন। GitHub Pages স্বয়ংক্রিয়ভাবে একটি CNAME ফাইল লেখে।
৪.৩ DNS রেকর্ড কনফিগার করুন
| | |
|---|
| | 185.199.108.153, 185.199.109.153, 185.199.110.153, 185.199.111.153
|
| | |
প্রচারের জন্য ১০ মিনিট–২৪ ঘণ্টা অপেক্ষা করুন। এই IPগুলি GitHub Pages-এর জন্য ধ্রুবক। |
৪.৪ HTTPS প্রয়োগ করুন
DNS প্রচারের পরে, Pages সেটিংস রিফ্রেশ করুন এবং Enforce HTTPS টগল করুন। Let’s Encrypt certs স্বয়ংক্রিয়ভাবে ইস্যু হয়।
✨ ধাপ ৫: সাইটটিকে পেশাদার দেখান
৫.১ একটি কাস্টম ফেভিকন যোগ করুন
favicon.ico নামের একটি ৩২×৩২ px আইকন প্রস্তুত করুন।
এটি রেপো রুটে রাখুন।
কমিট করুন এবং পুশ করুন; GitHub Pages এটি তাৎক্ষণিকভাবে পরিবেশন করে।
৫.২ কাস্টম মেটা তথ্য প্রবেশ করান
রেপো রুটে index.html সম্পাদনা করুন:
<meta name="description" content="Your website description on **GitHub Pages**">
<meta name="author" content="Your Name">
৫.৩ অ্যানালিটিক্স (ঐচ্ছিক)
<head>-এর ভিতরে GA / Plausible স্নিপেট পেস্ট করুন; GitHub Pages ক্যাশিং হেডারগুলিকে সম্মান করে।
🔧 সমস্যা সমাধান
ফাঁকা পৃষ্ঠা? নিশ্চিত করুন index.html রেপো রুটে আছে এবং অ্যাসেট পাথগুলি রিলেটিভ।
ডোমেইন লুপ হয়ে .github.io তে যাচ্ছে? A/CNAME রেকর্ডগুলি দুবার পরীক্ষা করুন এবং সম্পূর্ণ TTL এর জন্য অপেক্ষা করুন।
HTTPS টগল নিষ্ক্রিয়? DNS এখনও সঠিক নয়; dig দিয়ে যাচাই করুন।
🎉 সারসংক্ষেপ
অভিনন্দন! আপনি এখন:
✅ GitHub Pages হোস্টিংয়ের জন্য প্রস্তুত আপনার AI-জেনারেটেড ওয়েবসাইটটি সফলভাবে ডাউনলোড করেছেন।
✅ GitHub Pages-এ বিনামূল্যে স্থাপন করেছেন।
✅ আপনার নিজের কাস্টম ডোমেইন সুরক্ষিত করেছেন।
✅ সম্পূর্ণরূপে পেশাদার দেখানোর জন্য GitHub Pages পরিবেশকে পরিশীলিত করেছেন।
আপনার সাইটটি এখন:
🌐 GitHub Pages CDN দ্বারা চালিত হয়ে 24/7 অনলাইন।
🏷️ একটি পেশাদার ডোমেইনের অধীনে পরিবেশিত।
🔒 HTTPS এনক্রিপশন দ্বারা সুরক্ষিত।
⚡ GitHub Pages এজ নোডের জন্য বিশ্বব্যাপী দ্রুত।
🗝️ সম্পূর্ণরূপে আপনার মালিকানাধীন এবং নিয়ন্ত্রিত।
💡 পরবর্তী পদক্ষেপ
SEO অপটিমাইজেশন: আপনার GitHub Pages সেটআপের জন্য অনুসন্ধানের র্যাঙ্কিং বাড়াতে লক্ষ্যযুক্ত কীওয়ার্ড এবং মেটা বিবরণ যুক্ত করুন।
সোশ্যাল শেয়ারিং: প্রধান প্ল্যাটফর্মগুলির জন্য শেয়ার বোতাম ইন্টিগ্রেট করুন।
অবিচ্ছিন্ন আপডেট: নিয়মিত পরিবর্তন কমিট করুন; GitHub Pages স্বয়ংক্রিয়ভাবে পুনরায় স্থাপন করে।
ব্যাকআপ: GitHub রিপোজিটরি সুরক্ষা সক্ষম করুন বা রেপো মিরর করুন।
আপনি এখন একজন সত্যিকারের ওয়েবসাইটের মালিক—আপনার GitHub Pages লিঙ্ক শেয়ার করুন এবং আপনার সৃষ্টি বিশ্বকে দেখান!
