Как да разположите AI-генериран уебсайт на Heroku като свой собствен сайт и да използвате персонализиран домейн (Ръководство за уеб хостинг)

Предговор

🎯 Какво ще научите

📥 Стъпка 1: Изтеглете сайта си от Sider Web Creator

1.1 Изтеглете проектните файлове

1.2 Разберете структурата на файловете (Важно!)

my‑website/
├── dist/ ⭐ Production build of the site for Heroku
│ ├── index.html → Your site’s home page
│ ├── assets/ → Styles and scripts
│ └── ...
├── src/ 📝 Source code folder
├── package.json 📦 Project configuration
└── Other config files...

1.3 Локален тест за преглед

🚀 Стъпка 2: Изберете платформа за разполагане

📤 Стъпка 3: Разполагане в Heroku (Подробно ръководство)

3.1 Инсталирайте Heroku CLI и влезте

# macOS
brew tap heroku/brew && brew install heroku
heroku login # opens browser for auth

3.2 Създайте приложение на Heroku

git init # if not already under Git
heroku apps:create my‑awesome‑site # creates app & remote "heroku"

3.3 Разположете сайта

heroku buildpacks:set heroku‑buildpack‑static
# Ensure the buildpack can find your files
echo '{"root":"dist"}' > static.json
git add . && git commit -m "Initial commit"
git push heroku main

# keep your usual project structure
# Heroku auto‑detects Node, Python, Ruby, etc.
<a3>git add . && git commit -m "Initial commit"</a4>
git push heroku main

3.4 Вземете URL адреса на вашия сайт

🌐 Стъпка 4: Купете и обвържете свой собствен домейн

4.1 Закупете домейн

4.2 Добавете домейна в Heroku

4.3 Конфигурирайте DNS записи

4.4 Проверете обвързването на домейна

✨ Стъпка 5: Направете сайта да изглежда професионално

5.1 Добавете персонализирана икона на сайта (Favicon)

5.2 Вмъкнете персонализирана мета информация

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

5.3 Google Analytics (по избор)

🔧 Отстраняване на неизправности

🎉 Резюме

💡 Следващи стъпки

Вече сте истински собственик на уебсайт – споделете връзката си и покажете творението си на света!