Ako nasadiť webovú stránku vygenerovanú AI na Heroku ako svoju vlastnú stránku a používať vlastnú doménu (Príručka pre webhosting)

Úvod

🎯 Čo sa naučíte

📥 Krok 1: Stiahnite si svoju stránku zo Sider Web Creator

1.1 Stiahnite si súbory projektu

1.2 Pochopte štruktúru súborov (Dôležité!)

my‑website/
├── dist/ ⭐ Produkčná zostava stránky pre Heroku
│ ├── index.html → Domovská stránka vašej stránky
│ ├── assets/ → Štýly a skripty
│ └── ...
├── src/ 📝 Priečinok so zdrojovým kódom
├── package.json 📦 Konfigurácia projektu
└── Ostatné konfiguračné súbory...

1.3 Lokálny test náhľadu

🚀 Krok 2: Vyberte si platformu nasadenia

📤 Krok 3: Nasadenie na Heroku (Podrobná príručka)

3.1 Nainštalujte Heroku CLI a prihláste sa

# macOS
brew tap heroku/brew && brew install heroku
heroku login # otvorí prehliadač na autentifikáciu

3.2 Vytvorte aplikáciu Heroku

git init # ak ešte nie je pod Git
heroku apps:create my‑awesome‑site # vytvorí aplikáciu & vzdialený "heroku"

3.3 Nasaďte stránku

heroku buildpacks:set heroku‑buildpack‑static
# Uistite sa, že buildpack nájde vaše súbory
echo '{"root":"dist"}' > static.json
git add . && git commit -m "Initial commit"
git push heroku main

# zachovajte svoju obvyklú štruktúru projektu
# Heroku automaticky detekuje Node, Python, Ruby atď.
git add . && git commit -m "Initial commit"
git push heroku main

3.4 Získajte URL svojej stránky

🌐 Krok 4: Kúpte a prepojte svoju vlastnú doménu

4.1 Zakúpte si doménu

4.2 Pridajte doménu v Heroku

4.3 Konfigurujte DNS záznamy

4.4 Overte prepojenie domény

✨ Krok 5: Zabezpečte, aby stránka vyzerala profesionálne

5.1 Pridajte vlastnú ikonu favicon

5.2 Vložte vlastné meta informácie

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

5.3 Google Analytics (voliteľné)

🔧 Riešenie problémov

🎉 Zhrnutie

💡 Ďalšie kroky

Teraz ste skutočným vlastníkom webovej stránky – zdieľajte svoj odkaz a ukážte svoje dielo svetu!