93 lines
3.7 KiB
Markdown
93 lines
3.7 KiB
Markdown
# 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`)
|