iwz/CLAUDE.md

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 3 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:

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

hugo server
# → http://localhost:1313

Deploy

# Einmalig:
wrangler login

# Bei jeder Änderung:
deploy.bat
# oder:
python deploy.py