# DOGFATHER UNIVERSE — Go-Live-Anleitung Diese Website ist rein statisch (HTML/CSS/JS) — sobald eine Domain feststeht, ist „online stellen" nur noch eine Frage von ein paar Klicks/Befehlen, kein Code-Umbau nötig. Diese Datei ist die Checkliste dafür. ## 1. Domain-Platzhalter ersetzen (einmalig, sobald Domain feststeht) An folgenden Stellen steht aktuell `REPLACE-WITH-YOUR-DOMAIN.tld` als Platzhalter: - `sitemap.xml` (alle ``-Einträge) - `robots.txt` (Sitemap-Zeile) - in **jeder** `.html`-Datei: `og:url`, `og:image`, `twitter:image` (im ``) Am schnellsten mit Suchen-&-Ersetzen im Editor, oder per Terminal (im Ordner `DogFather-Website/`): ```bash # Beispiel mit echter Domain (macOS/Linux/Git-Bash): find . -type f \( -name "*.html" -o -name "*.xml" -o -name "*.txt" \) \ -exec sed -i 's/REPLACE-WITH-YOUR-DOMAIN.tld/deine-domain.de/g' {} + ``` ## 2. Social-Preview-Bild ergänzen (optional, aber empfohlen) `assets/img/og-cover.jpg` (1200×630px) anlegen — erscheint als Vorschaubild, wenn Links z.B. bei TikTok, WhatsApp oder Discord geteilt werden. Bis dahin zeigen Plattformen einfach kein Bild an, nichts bricht. ## 3. Bewerbungs-Postfach deployen (falls noch nicht geschehen) Siehe `cloudflare-worker/README.md`. Danach die Worker-URL eintragen in: - `assets/js/forms.js` → `API_BASE_URL` - `postfach.html` → `API_BASE_URL` ## 4. Hosting wählen & deployen Alle drei Optionen sind kostenlos im Free-Tier und unterstützen automatisch HTTPS + Custom-Domains. Empfehlung: **Cloudflare Pages**, weil das Bewerbungs-Postfach schon auf Cloudflare läuft — dann liegt alles in einem Account. ### Option A — Cloudflare Pages (empfohlen) ```bash cd DogFather-Website npx wrangler pages deploy . --project-name=dogfather-universe ``` Danach im Cloudflare-Dashboard unter **Workers & Pages → dogfather-universe → Custom domains** die eigene Domain hinzufügen (DNS läuft automatisch über Cloudflare, wenn die Domain dort verwaltet wird). ### Option B — Netlify 1. Auf [netlify.com](https://netlify.com) einloggen (kostenloser Account reicht) 2. „Add new site" → „Deploy manually" → den Ordner `DogFather-Website/` per Drag&Drop hochladen (oder Repo verbinden, falls die Seite auf GitHub liegt) 3. `netlify.toml` wird automatisch erkannt (liegt schon bereit) 4. Unter **Site settings → Domain management** die eigene Domain hinzufügen ### Option C — GitHub Pages 1. Repo auf GitHub erstellen, Inhalt von `DogFather-Website/` pushen (siehe Abschnitt 5) 2. Im Repo unter **Settings → Pages** → Branch `main`, Ordner `/ (root)` auswählen 3. Datei `.nojekyll` liegt schon bereit (verhindert, dass GitHub Dateien wie `_headers` fälschlich ignoriert) 4. Unter **Settings → Pages → Custom domain** die eigene Domain eintragen — GitHub legt dafür automatisch eine `CNAME`-Datei im Repo an ## 5. Git-Repo einrichten (falls noch nicht geschehen) ```bash cd DogFather-Website git init git add . git commit -m "DOGFATHER UNIVERSE — erste lauffähige Version" git branch -M main git remote add origin git push -u origin main ``` `.gitignore` ist bereits vorbereitet (schließt z.B. Wrangler-Cache aus). ## 6. Nach dem Go-Live prüfen - [ ] Alle Seiten über die echte Domain aufrufbar (nicht nur `index.html`, auch Unterseiten) - [ ] `https://deine-domain.de/robots.txt` und `/sitemap.xml` erreichbar - [ ] Bewerbungsformular sendet erfolgreich (Postfach zeigt neue Einträge) - [ ] Link-Vorschau testen, z.B. mit dem [Facebook Sharing Debugger](https://developers.facebook.com/tools/debug/) oder [Twitter Card Validator](https://cards-dev.twitter.com/validator) - [ ] In `cloudflare-worker/src/worker.js` → `corsHeaders()` `"*"` durch die echte Domain ersetzen und den Worker neu deployen (`wrangler deploy`)