my‑website/
├── dist/ ⭐ Production build ของเว็บไซต์สำหรับ Heroku
│ ├── index.html → หน้าแรกของเว็บไซต์ของคุณ
│ ├── assets/ → Styles และ scripts
│ └── ...
├── src/ 📝 โฟลเดอร์ซอร์สโค้ด
├── package.json 📦 การกำหนดค่าโปรเจกต์
└── Other config files...

# macOS
brew tap heroku/brew && brew install heroku
heroku login # เปิดเบราว์เซอร์เพื่อยืนยันตัวตน

git init # หากยังไม่ได้อยู่ภายใต้ Git
heroku apps:create my‑awesome‑site # สร้างแอปและ remote "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" />