DOGFATHER UNIVERSE: erste lauffähige Website + Bewerbungs-Postfach + Hosting-Vorbereitung

2026-07-30 20:09:09 +02:00
commit f8e4cf82db
45 changed files with 3462 additions and 0 deletions
@@ -0,0 +1,92 @@
+# 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 `<loc>`-Einträge)
+- `robots.txt` (Sitemap-Zeile)
+- in **jeder** `.html`-Datei: `og:url`, `og:image`, `twitter:image` (im `<head>`)
+
+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 <repo-url>
+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`)