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/):

# 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' {} +

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)

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

Auf netlify.com einloggen (kostenloser Account reicht)
„Add new site" → „Deploy manually" → den Ordner DogFather-Website/ per Drag&Drop hochladen (oder Repo verbinden, falls die Seite auf GitHub liegt)
netlify.toml wird automatisch erkannt (liegt schon bereit)
Unter Site settings → Domain management die eigene Domain hinzufügen

Option C — GitHub Pages

Repo auf GitHub erstellen, Inhalt von DogFather-Website/ pushen (siehe Abschnitt 5)
Im Repo unter Settings → Pages → Branch main, Ordner / (root) auswählen
Datei .nojekyll liegt schon bereit (verhindert, dass GitHub Dateien wie _headers fälschlich ignoriert)
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)

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 oder Twitter Card Validator
In cloudflare-worker/src/worker.js → corsHeaders() "*" durch die echte Domain ersetzen und den Worker neu deployen (wrangler deploy)

3.7 KiB Raw Blame History Unescape Escape