اپنی سائٹ کے طور پر Heroku پر AI کے ذریعے تیار کردہ ویب سائٹ کو کیسے تعینات کریں اور اپنا کسٹم ڈومین استعمال کریں (ویب ہوسٹنگ گائیڈ)

مقدمہ

🎯 آپ کیا سیکھیں گے

📥 مرحلہ 1: Sider Web Creator سے اپنی سائٹ ڈاؤن لوڈ کریں

1.1 پروجیکٹ فائلیں ڈاؤن لوڈ کریں

1.2 فائل کی ساخت کو سمجھیں (اہم!)

my‑website/
├── dist/ ⭐ Heroku کے لیے سائٹ کی پروڈکشن بلڈ
│ ├── index.html → آپ کی سائٹ کا ہوم پیج
│ ├── assets/ → اسٹائلز اور اسکرپٹس
│ └── ...
├── src/ 📝 سورس کوڈ فولڈر
├── package.json 📦 پروجیکٹ کی تشکیل
└── دیگر کنفیگ فائلیں۔۔۔

1.3 مقامی پیش نظارہ ٹیسٹ

🚀 مرحلہ 2: ایک تعیناتی پلیٹ فارم منتخب کریں

📤 مرحلہ 3: Heroku پر تعینات کریں (تفصیلی گائیڈ)

3.1 Heroku CLI انسٹال کریں اور سائن ان کریں

# macOS
brew tap heroku/brew && brew install heroku
heroku login # توثیق کے لیے براؤزر کھولتا ہے

3.2 ایک Heroku ایپ بنائیں

git init # اگر پہلے سے Git کے تحت نہیں ہے
heroku apps:create my‑awesome‑site # ایپ اور ریموٹ "heroku" بناتا ہے

3.3 سائٹ کو تعینات کریں

heroku buildpacks:set heroku‑buildpack‑static
# یقینی بنائیں کہ بلڈ پیک کو آپ کی فائلیں مل سکتی ہیں
echo '{"root":"dist"}' > static.json
git add . && git commit -m "Initial commit"
git push heroku main

# اپنے معمول کے پروجیکٹ کی ساخت کو برقرار رکھیں
# Heroku خود بخود Node, Python, Ruby وغیرہ کا پتہ لگاتا ہے
<a3>git add . && git commit -m "Initial commit"</a4>

3.4 اپنی سائٹ کا URL حاصل کریں

🌐 مرحلہ 4: اپنا ڈومین خریدیں اور منسلک کریں

4.1 ایک ڈومین خریدیں

4.2 Heroku میں ڈومین شامل کریں

4.3 DNS ریکارڈز تشکیل دیں

4.4 ڈومین بائنڈنگ کی تصدیق کریں

✨ مرحلہ 5: سائٹ کو پیشہ ورانہ بنائیں

5.1 ایک کسٹم فیویکن شامل کریں

5.2 کسٹم میٹا معلومات داخل کریں

<meta name="description" content="Your website description" />
<meta name="author" content="Your Name" />

5.3 گوگل اینالیٹکس (اختیاری)

🔧 خرابی کا ازالہ

🎉 خلاصہ

💡 اگلے اقدامات

اب آپ ایک حقیقی ویب سائٹ کے مالک ہیں—اپنا لنک شیئر کریں اور اپنی تخلیق کو دنیا کو دکھائیں!