একটি Static সাইট Deploy করা

এই পাঠ এখন পর্যন্ত কভার করা সবকিছু সবচেয়ে সরল আসল ক্ষেত্রে প্রয়োগ করে: একটি সাধারণ HTML/CSS/JS প্রোজেক্ট — ঠিক এই সাইটের HTML, CSS, আর JavaScript কোর্স যা তৈরি করে।

what-going-live-actually-requires পাঠ অনুযায়ী, একটি static সাইটে এই বিভাগের প্রায় সবচেয়ে ছোট তালিকা দরকার: হোস্টিং (static হোস্টিং নিখুঁতভাবে মানানসই, হোস্টিং-ধরনের পাঠ অনুযায়ী), আর ঐচ্ছিকভাবে একটি ডোমেইন — একটি প্ল্যাটফর্মের বিনামূল্যের subdomain একটি সম্পূর্ণ যুক্তিসঙ্গত শুরুর বিন্দু।

1. আপনার প্রোজেক্টের ফাইল একটি Git repository-তে push করুন।
2. সেই repository একটি static বা cloud হোস্টিং প্ল্যাটফর্মের সাথে সংযুক্ত করুন।
3. প্ল্যাটফর্মটি সনাক্ত করে কোনো build ধাপ দরকার নেই (বা একটি তুচ্ছ একটি চালায়) আর সরাসরি ফাইল পরিবেশন করে।
4. আপনি সাথে সাথে প্ল্যাটফর্মের subdomain-এ একটি বিনামূল্যের URL পান।
5. ঐচ্ছিকভাবে, pointing-a-domain-at-hosting পাঠ অনুযায়ী আপনার নিজের ডোমেইন সংযুক্ত করুন।

এটি দ্রুততম পথ, কোনো FTP client দাবি করে না, আর প্রায়ই সম্পূর্ণ বিনামূল্যে — একটি portfolio প্রোজেক্টের জন্য বাস্তবসম্মত ডিফল্ট।

1. আপনার host-এর control panel থেকে আপনার FTP/SFTP credential নিন।
2. FTP/SFTP পাঠ অনুযায়ী একটি FTP client দিয়ে সংযুক্ত হন।
3. public_html ফোল্ডারে (বা আপনার host-এর সমতুল্যে) navigate করুন।
4. আপনার প্রোজেক্টের ফাইল আপলোড করুন — সাধারণত রুটে একটি index.html, সাথে আপনার CSS, JS, আর যেকোনো asset।
5. এটি লোড হয় কিনা নিশ্চিত করতে আপনার ডোমেইন ভিজিট করুন।

এই পথটি প্রধানত অর্থপূর্ণ যদি আপনার ইতিমধ্যে অন্য কারণে shared হোস্টিং থাকে (উদাহরণস্বরূপ, একটি WordPress বা PHP সাইট) আর এর পাশে একটি static প্রোজেক্ট যোগ করতে চান।

আপনার নিজের ব্রাউজার ক্যাশ আপনাকে বাসি কিছু দেখাচ্ছে তা বাতিল করতে একটি incognito/private ব্রাউজার উইন্ডোতে live URL ভিজিট করুন। CSS আর ছবি লোড হয় কিনা যাচাই করুন — একটি সাধারণ দ্বিতীয় ভুল হলো এমন একটি path দিয়ে asset লিংক করা যা স্থানীয়ভাবে কাজ করেছিল কিন্তু deploy হওয়ার পরে ভেঙে যায়, কারণ ফোল্ডার গঠন বা base URL প্রোডাকশনে ভিন্ন।