my‑website/
├── dist/ ⭐ نسخة الإنتاج من الموقع لـ Heroku
│ ├── index.html → الصفحة الرئيسية لموقعك
│ ├── assets/ → الأنماط والبرامج النصية
│ └── ...
├── src/ 📝 مجلد التعليمات البرمجية المصدر
├── package.json 📦 تكوين المشروع
└── ملفات التكوين الأخرى...

# macOS
brew tap heroku/brew && brew install heroku
heroku login # يفتح المتصفح للمصادقة

git init # إذا لم يكن موجودًا بالفعل ضمن Git
heroku apps:create my‑awesome‑site # ينشئ تطبيقًا و"heroku" عن بُعد

heroku buildpacks:set heroku‑buildpack‑static
# تأكد من أن buildpack يمكنه العثور على ملفاتك
echo '{"root":"dist"}' > static.json
git add . && git commit -m "Initial commit"
git push heroku main

# احتفظ بهيكل مشروعك المعتاد
# Heroku يكتشف تلقائيًا Node و Python و Ruby وما إلى ذلك.
git add . && git commit -m "Initial commit"
git push heroku main

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