96 lines
3.4 KiB
Markdown
96 lines
3.4 KiB
Markdown
# IWZ Ferienwohnungen – Projektkontext
|
||
|
||
## Was ist das?
|
||
|
||
Hugo-basierte statische Website als WordPress-Ersatz für www.iwz-ferienwohnungen.de.
|
||
Drei Ferienwohnungen in Kaufbeuren-Hirschzell / Allgäu.
|
||
|
||
## Stack
|
||
|
||
- **Static Site Generator**: Hugo (keine externe Abhängigkeit, einzelne .exe)
|
||
- **Hosting**: Cloudflare Pages (kostenlos, automatisches HTTPS)
|
||
- **DNS**: Cloudflare (Nameserver-Wechsel von IONOS zu Cloudflare)
|
||
- **Domain-Registrar**: IONOS (bleibt so, nur DNS wandert zu Cloudflare)
|
||
- **Buchungskalender**: webplanner.de (externer Dienst, per Link eingebunden)
|
||
- **Git**: eigene Gitea-Instanz (kein GitHub/GitLab)
|
||
- **Deploy**: manuell per `deploy.bat` oder `deploy.py` → `wrangler pages deploy`
|
||
|
||
## Projektstruktur
|
||
|
||
```
|
||
iwz/
|
||
├── hugo.toml # Konfiguration: baseURL, Menü, Kontaktdaten (Params)
|
||
├── deploy.bat # Windows: hugo build + wrangler deploy
|
||
├── deploy.py # Python-Alternative zum deploy.bat
|
||
├── content/
|
||
│ ├── _index.md # Startseite
|
||
│ ├── preise.md # Preistabelle + Buchungsbedingungen
|
||
│ ├── ausflugsziele.md
|
||
│ ├── kontakt.md
|
||
│ ├── impressum.md # PLATZHALTER – echte Daten eintragen!
|
||
│ ├── datenschutz.md # PLATZHALTER – rechtskonform ersetzen!
|
||
│ └── ferienwohnungen/
|
||
│ ├── _index.md
|
||
│ ├── fewo1.md # 45 qm, bis 4 Pers., 60 €/Nacht
|
||
│ ├── fewo2.md # 40 qm, bis 2 Pers., 55 €/Nacht
|
||
│ └── fewo3.md # 56 qm, bis 5 Pers., 100 €/Nacht
|
||
├── layouts/ # Hugo-Templates (kein externes Theme!)
|
||
│ ├── index.html # Startseite: Hero, Highlights, FeWo-Karten
|
||
│ ├── _default/
|
||
│ │ ├── baseof.html # Basis-Template (nav + footer)
|
||
│ │ ├── single.html # Standard-Einzelseite
|
||
│ │ └── list.html # Listenansicht (Ferienwohnungen-Übersicht)
|
||
│ ├── ferienwohnungen/
|
||
│ │ └── single.html # FeWo-Detailseite: Galerie + Buchungsbutton
|
||
│ └── partials/
|
||
│ ├── head.html # <meta>, CSS-Link
|
||
│ ├── nav.html # Navigation (mobil-responsive)
|
||
│ └── footer.html # Footer mit Kontakt + Links
|
||
└── static/
|
||
├── css/style.css # Reines CSS, CSS Variables, Dark Mode
|
||
├── js/main.js # Nur mobiles Menü-Toggle
|
||
└── images/ # Fotos hier ablegen
|
||
```
|
||
|
||
## Frontmatter der FeWo-Seiten
|
||
|
||
Jede `fewoX.md` hat folgende Felder:
|
||
```yaml
|
||
groesse: "45 qm"
|
||
personen: 4
|
||
preis: 60
|
||
belegungsplan: "https://www.webplanner.de/XXXXXX/fewo1"
|
||
bilder:
|
||
- "/images/fewo1_wohnzimmer.jpg"
|
||
- "/images/fewo1_kueche.jpg"
|
||
```
|
||
|
||
## Noch offen / TODO
|
||
|
||
- [ ] Echte webplanner.de-URLs in fewo1/2/3.md eintragen (`belegungsplan`)
|
||
- [ ] Fotos in `static/images/` ablegen + in fewoX.md verlinken
|
||
- [ ] Telefon, E-Mail, Adresse in `hugo.toml` unter `[params]` eintragen
|
||
- [ ] `content/impressum.md` mit echten Pflichtangaben füllen
|
||
- [ ] `content/datenschutz.md` durch rechtskonforme Version ersetzen
|
||
- [ ] Cloudflare-Account anlegen + Wrangler einrichten (`wrangler login`)
|
||
- [ ] Nameserver bei IONOS auf Cloudflare umstellen
|
||
|
||
## Lokaler Dev-Server
|
||
|
||
```powershell
|
||
hugo server
|
||
# → http://localhost:1313
|
||
```
|
||
|
||
## Deploy
|
||
|
||
```powershell
|
||
# Einmalig:
|
||
wrangler login
|
||
|
||
# Bei jeder Änderung:
|
||
deploy.bat
|
||
# oder:
|
||
python deploy.py
|
||
```
|