GitHub Pages সরাসরি একটা repository থেকে একটা static site (সাধারণ HTML/CSS/JS — এই সাইটের HTML আর CSS কোর্সে কভার করা একই ধরনের) host করে, ফ্রি, একটা আসল URL সহ — আলাদা কোনো hosting account দরকার নেই।
একটা repository-র Settings → Pages থেকে, একটা source বেছে নিন — হয় একটা নির্দিষ্ট branch (সাধারণত একটা dedicated gh-pages branch, বা main) আর folder, বা একটা build step-এর জন্য একটা GitHub Actions workflow।
my-portfolio/
├── index.html
├── style.css
└── script.jsPages setting-এ configure করা branch-এ এই file push করুন, আর এক দুই মিনিটের মধ্যে site live হয়ে যায়:
https://username.github.io/my-portfolio/| Site ধরন | Repository নাম | URL |
|---|---|---|
| User site (প্রতি account-এ একটা) | ঠিক username.github.io হতে হবে | https://username.github.io/ |
| Project site (অসীম) | যেকোনো repository নাম | https://username.github.io/repository-name/ |
(আগের Hosting & Deployment কোর্সের DNS lesson থেকে) ইতিমধ্যে মালিকানাধীন একটা domain একটা traditional host-এর বদলে একটা GitHub Pages site নির্দেশ করতে পারে — repository-তে একটা CNAME file প্লাস domain registrar-এ একটা DNS record।
# CNAME file, repository-র root-এ
www.example.com| ঠিকঠাক কাজ করে | কাজ করে না |
|---|---|
| সাধারণ HTML, CSS, JavaScript | PHP, Python, Node.js, বা যেকোনো server-side কোড |
| একটা React/Vue app, আগে static file-এ build করা | একটা database connection |
| অন্য একটা service-এ client-side API call | ক্রমাগত চলা একটা আসল backend দরকার এমন যেকোনো কিছু |
একজন student-এর জন্য সবচেয়ে common আসল ব্যবহার
এই সাইটের কোর্স জুড়ে প্রতিটা static project — একটা portfolio page, একটা সম্পূর্ণ CSS/JS project, এই কোর্সের নিজের example project — মিনিটের মধ্যে GitHub Pages-এ deploy করা যায়, আর Career Skills কোর্সের public-GitHub-profile advice-এর সাথে সরাসরি জোড়া লাগে।