Case 08 — Keramičar KGV: Handwerker-Portfolio mit Galerie & Doppel-CTA
Portfolio-Site für einen Fliesenleger-Familienbetrieb in Karavukovo/Vojvodina. Kuratierte Galerie aus Instagram-Material, Schema.org-LocalBusiness für regionale SERPs, Doppel-CTA zu beiden Inhabern. Astro-SSG auf Cloudflare Pages — 0-€-Hosting bei Sub-Sekunden-Auslieferung.
Die Herausforderung
Ein Fliesenleger-Familienbetrieb in Karavukovo brauchte eine Online-Präsenz, die regionale Google-Suchanfragen („keramičar Vojvodina", „pločice Odžaci") gewinnt und Anrufer ohne Umweg an die zwei richtigen Inhaber durchreicht. Vorgaben: kleines Budget, Bildmaterial nur aus Instagram (1080 px komprimiert), zwei Direktkontakte für unterschiedliche Aufträge, mobile-first auf ländlichen Mobilfunknetzen, dauerhaft fast wartungsfrei.
Architektur
Astro 5 als Static-Site-Generator, deployt auf Cloudflare Pages — globale Edge-Auslieferung kostenlos. Komponenten-Tree: Header · Hero · Usluge · Galerija · ONama · Pitanja · Kontakt · Footer · StickyCTA. Schema.org-LocalBusiness in `Layout.astro` für strukturierte Lokal-Snippets. Inhalte als getypte Daten-Module (`site.ts` + `gallery.ts`) — Editieren ohne JSX-Kenntnis. Galerie-Assets liegen direkt unter `/public/{gallery,videos}/` für direkten Edge-Cache.
Pipeline
Astro-SSG-zu-Edge-Pipeline (zero-cost)
- 01Inhalte (Telefonnummern, Leistungen, Galerie-Items) in `src/data/{site,gallery}.ts` getypt versioniert — Wartung ohne JSX-Kenntnisse möglich.
- 02Astro baut den statischen `dist/`-Tree mit Schema.org + Sitemap automatisch.
- 03`wrangler pages deploy dist --project-name=kgv` deployt direkt auf das Cloudflare-Edge-Netzwerk — kein Git-Push nötig.
- 04Cloudflare Pages serviert global gecacht; `_headers` setzt Security-Header für die statische Auslieferung.
- 05Galerie-Bilder direkt aus `/public/gallery/pXX.jpg` — Cloudflare-Transcoding optional, originalfotos in der Pipeline später nachrüstbar.
Technologie-Stack
Ergebnis
Live auf kgv.rs. Astro-Static-Output mit minimalem initialen Bundle, Cloudflare-Edge liefert serbischen Vojvodina-Besuchern in unter 300 ms. Schema.org-LocalBusiness signalisiert Google direkt Standort + Service-Gebiet, was die regionale Auffindbarkeit für „keramičar Vojvodina" / „pločice Odžaci" stützt. Der Doppel-CTA-Sticky reduziert die Hürde — jeder Besucher findet sofort die richtige Nummer für seine Region. Inhaltsänderungen (Preise, neue Galerie-Items) sind reine `src/data/`-Edits, kein Marketing-Team-Workflow nötig.