Case 08 — Keramičar KGV: portfolio zanatlije sa galerijom i dvostrukim CTA
Portfolio sajt za porodični keramičarski biznis u Karavukovu/Vojvodini. Kurirana galerija iz Instagram materijala, Schema.org LocalBusiness za regionalne SERP-e, dvostruki CTA ka oba vlasnika. Astro SSG na Cloudflare Pages — 0 € hosting i isporuka ispod sekunde.
Izazov
Porodični keramičarski biznis u Karavukovu je tražio online prisustvo koje dobija regionalne Google upite („keramičar Vojvodina", „pločice Odžaci") i bez preusmerenja vodi pozive ka pravom vlasniku. Zahtevi: mali budžet, slike samo iz Instagrama (1080 px kompresovano), dva direktna kontakta za različite poslove, mobile-first na seoskim mrežama, trajno gotovo bez održavanja.
Arhitektura
Astro 5 kao SSG, deployovan na Cloudflare Pages — globalna edge isporuka besplatna. Komponente: Header · Hero · Usluge · Galerija · ONama · Pitanja · Kontakt · Footer · StickyCTA. Schema.org LocalBusiness u `Layout.astro` za strukturisane lokalne snippet-e. Sadržaj kao tipovani data-moduli (`site.ts` + `gallery.ts`) — uređivanje bez znanja JSX-a. Galerija direktno pod `/public/{gallery,videos}/` za direktan edge-cache.
Pipeline
Astro-SSG do edge — pipeline (zero-cost)
- 01Sadržaj (telefoni, usluge, galerija) u `src/data/{site,gallery}.ts` tipovan i verzioniran — održavanje bez JSX znanja.
- 02Astro pravi statički `dist/` tree sa Schema.org i sitemap-om automatski.
- 03`wrangler pages deploy dist --project-name=kgv` deployuje direktno na Cloudflare edge mrežu — bez git push-a.
- 04Cloudflare Pages servira globalno keširano; `_headers` postavlja security header-e za statičku isporuku.
- 05Galerija direktno iz `/public/gallery/pXX.jpg` — Cloudflare transcoding opcionalno, originalne fotke kasnije.
Tehnološki stack
Rezultat
Uživo na kgv.rs. Astro statički output sa minimalnim inicijalnim bundle-om, Cloudflare edge isporučuje vojvođanskim posetiocima ispod 300 ms. Schema.org LocalBusiness Google-u direktno signalizira lokaciju i servisni region, što podiže regionalnu vidljivost za „keramičar Vojvodina" / „pločice Odžaci". Dvostruki sticky CTA smanjuje barijeru — svaki posetilac odmah pronalazi pravi broj za svoj region. Izmene sadržaja (cene, nove galerije) su čisti `src/data/` edit, bez marketing tima.