Skip to content
ZERONE
Torna ai progetti
Sito marketing · portfolio SMB · Astro Static · 2026

Case 08 — Keramičar KGV: portfolio artigiano con galleria & doppio CTA

Sito portfolio per un'impresa familiare di posatori a Karavukovo/Vojvodina. Galleria curata a partire da materiale Instagram, Schema.org LocalBusiness per le SERP regionali, doppio CTA verso entrambi i titolari. Astro SSG su Cloudflare Pages — hosting a 0 € con delivery sotto il secondo.

48Foto del portfolio
10Video demo
6Aree di servizio
0 €Hosting · Cloudflare edge

La sfida

Un'impresa familiare di posatori a Karavukovo voleva una presenza online che vincesse le query regionali su Google ("keramičar Vojvodina", "pločice Odžaci") e instradasse i chiamanti direttamente al titolare giusto. Requisiti: budget ridotto, materiale fotografico solo da Instagram (1080 px compresso), due contatti diretti per tipi di lavoro diversi, mobile-first su reti mobili rurali, manutenzione quasi nulla.

Architettura

Astro 5 come SSG, deployato su Cloudflare Pages — delivery edge globale gratuita. Albero componenti: Header · Hero · Usluge · Galerija · ONama · Pitanja · Kontakt · Footer · StickyCTA. Schema.org LocalBusiness in `Layout.astro` per snippet locali strutturati. I contenuti vivono in moduli dati tipizzati (`site.ts` + `gallery.ts`) — modificabili senza know-how JSX. Gli asset di galleria stanno direttamente sotto `/public/{gallery,videos}/` per il caching edge diretto.

Astro 5 · SSG · dati TypeScriptSITEORCHESTRATORGalerija · 48 foto · 10 videoGALWORKERUsluge · 4 sezioni di servizioSVCWORKERSchema.org LocalBusiness · sitemapSEOWORKERStickyCTA · doppio tel · ViberCTAWORKERCloudflare Pages · edge cacheCDNWORKERsite.ts · gallery.ts · contenuto tipizzatoDATPRIMARY
SITEAstro 5 · SSG · dati TypeScript
GALGalerija · 48 foto · 10 video
SVCUsluge · 4 sezioni di servizio
SEOSchema.org LocalBusiness · sitemap
CTAStickyCTA · doppio tel · Viber
CDNCloudflare Pages · edge cache
DATsite.ts · gallery.ts · contenuto tipizzato

Pipeline

Pipeline Astro-SSG → edge (zero-cost)

  1. 01Contenuti (numeri di telefono, servizi, item della galleria) tipizzati e versionati in `src/data/{site,gallery}.ts` — manutenibili senza conoscere JSX.
  2. 02Astro costruisce l'albero statico `dist/` con Schema.org + sitemap generati automaticamente.
  3. 03`wrangler pages deploy dist --project-name=kgv` spedisce direttamente sulla rete edge di Cloudflare — niente git push.
  4. 04Cloudflare Pages serve in cache globale; `_headers` imposta gli header di security per la delivery statica.
  5. 05Le foto della galleria sono servite direttamente da `/public/gallery/pXX.jpg` — transcoding Cloudflare opzionale, foto in risoluzione originale si possono integrare in pipeline più avanti.

Stack tecnologico

Astro 5 (SSG)TypeScript (data layer)Tailwind CSS v4 (via @tailwindcss/vite)@astrojs/sitemapSchema.org LocalBusinessCloudflare Pages · EdgeWrangler CLICustom icon + OG generators

Risultato

Live su kgv.rs. Output statico Astro con bundle iniziale minimo, l'edge Cloudflare consegna ai visitatori della Vojvodina in meno di 300 ms. Schema.org LocalBusiness segnala a Google la location + l'area di servizio in modo diretto, alzando la discoverability regionale per "keramičar Vojvodina" / "pločice Odžaci". Il doppio sticky CTA abbassa la barriera — ogni visitatore trova subito il numero giusto per la sua regione. Gli aggiornamenti di contenuto (prezzi, nuovi item della galleria) sono puri edit di `src/data/`, nessun workflow di marketing team necessario.

Progetto simile?

Parliamone — ascoltiamo prima di consegnare.

Richiedi un progetto