79 lines
3.1 KiB
Markdown
79 lines
3.1 KiB
Markdown
# DOGFATHER UNIVERSE — Go-Live-Anleitung
|
||
|
||
## ✅ Status: bereits live
|
||
|
||
Die Website läuft schon — kostenlos, sofort teilbar, auf deinem eigenen Cloudflare-Account:
|
||
|
||
- **Website:** https://dogfather-universe.dogfather1608.workers.dev
|
||
- **Bewerbungs-Postfach-Worker:** https://dogfather-universe-postfach.dogfather1608.workers.dev
|
||
|
||
Beide laufen als Cloudflare Worker (Static Assets + API-Worker), im kostenlosen Free-Tier. Du
|
||
kannst den Link zur Website ab sofort verschicken. Sobald du eine eigene Domain hast, ist der
|
||
Umzug dorthin reine Konfiguration — kein Code-Umbau, kein erneutes Deployen von Grund auf.
|
||
|
||
## Eigene Domain anschließen (sobald vorhanden)
|
||
|
||
1. Im [Cloudflare-Dashboard](https://dash.cloudflare.com) → **Workers & Pages** →
|
||
`dogfather-universe` → Tab **Settings → Domains & Routes** → **Add** → eigene Domain eintragen.
|
||
Läuft die Domain schon über Cloudflare, ist das in der Regel sofort aktiv (automatisches HTTPS).
|
||
2. Domain-Platzhalter im Code ersetzen (nur relevant für Social-Media-Vorschaubilder, nicht für
|
||
die Funktion der Seite selbst — die läuft so oder so):
|
||
|
||
```bash
|
||
cd DogFather-Website
|
||
find . -type f \( -name "*.html" -o -name "*.xml" -o -name "*.txt" \) \
|
||
-exec sed -i 's/REPLACE-WITH-YOUR-DOMAIN.tld/deine-domain.de/g' {} +
|
||
npx wrangler deploy
|
||
```
|
||
3. Optional: Social-Preview-Bild `assets/img/og-cover.jpg` (1200×630px) ergänzen.
|
||
4. CORS enger fassen: in `cloudflare-worker/src/worker.js` → `corsHeaders()` die eigene Domain statt
|
||
`"*"` eintragen, dann `cd cloudflare-worker && npx wrangler deploy`.
|
||
|
||
## Änderungen künftig live schalten
|
||
|
||
Jede Änderung an den Dateien im Ordner `DogFather-Website/` wird erst live, wenn erneut deployed
|
||
wird:
|
||
|
||
```bash
|
||
cd DogFather-Website
|
||
npx wrangler deploy
|
||
```
|
||
|
||
Für Änderungen am Bewerbungs-Postfach-Worker selbst (`cloudflare-worker/src/worker.js`):
|
||
|
||
```bash
|
||
cd DogFather-Website/cloudflare-worker
|
||
npx wrangler deploy
|
||
```
|
||
|
||
## Alternative Hosting-Optionen (falls du weg von Cloudflare willst)
|
||
|
||
Die Seite ist reines statisches HTML/CSS/JS und läuft überall. Configs liegen bereit:
|
||
|
||
- **Netlify:** `netlify.toml` liegt vor — Ordner `DogFather-Website/` auf netlify.com hochladen
|
||
oder Repo verbinden.
|
||
- **GitHub Pages:** `.nojekyll` liegt vor — Repo pushen, unter **Settings → Pages** aktivieren.
|
||
|
||
In beiden Fällen bleibt der Bewerbungs-Postfach-Worker unabhängig auf Cloudflare bestehen (er ist
|
||
eine reine API, kein Teil des Frontends) — `API_BASE_URL` in `assets/js/forms.js`, `index.html`
|
||
und `postfach.html` zeigt bereits dorthin.
|
||
|
||
## Git-Repo
|
||
|
||
Bereits eingerichtet (`DogFather-Website/.git`), erster Commit vorhanden. Bei Bedarf zu GitHub
|
||
pushen:
|
||
|
||
```bash
|
||
cd DogFather-Website
|
||
git remote add origin <repo-url>
|
||
git push -u origin main
|
||
```
|
||
|
||
## Nach jedem Go-Live-Schritt prüfen
|
||
|
||
- [ ] Website lädt: https://dogfather-universe.dogfather1608.workers.dev
|
||
- [ ] Bewerbungsformular sendet erfolgreich (im Postfach zeigt sich ein neuer Eintrag)
|
||
- [ ] Live-Punkt auf der Startseite reagiert auf den Toggle im Postfach
|
||
- [ ] Nach Domain-Wechsel: Link-Vorschau testen, z.B. mit dem
|
||
[Facebook Sharing Debugger](https://developers.facebook.com/tools/debug/)
|