Výzva
Obuvníkove deti vraj chodia bosé. My sme to nechceli dopustiť: web agentúry, ktorá weby predáva, je naša najviditeľnejšia referencia. Pôvodné riešenie na WordPresse s headless nadstavbou bolo pomalé na správu, obsah žil v CMS, ktoré nikto nepotreboval, a dizajn už nezodpovedal tomu, kam sa Rabbio posunulo.
Zadanie sme si dali rovnaké, aké dostávame od klientov: kompletný redizajn, rýchlejší web, obsah plne v našich rukách a príprava na svet, kde odpovede čoraz častejšie dáva AI namiesto klasického vyhľadávača.
„Čo predávame klientom, na tom musí bežať aj náš vlastný web. Inak to nie je referencia, ale výhovorka.”
Riešenie
Web sme prestavali na Astro: celý obsah sa pri builde vygeneruje do statických stránok, ktoré server servuje okamžite, bez databázy a bez CMS. Články a referencie žijú ako obyčajné textové súbory priamo v repozitári, nový obsah pridávame rovnako, ako píšeme kód.
Dizajn vznikol ako sada prototypov, ktoré sme následne verne preklopili do 13 podstránok: od domovskej stránky cez služby a cenník až po editoriálne case studies, ako je táto. Súčasťou je vlastný typografický systém s dvojváhovými nadpismi a prísnymi pravidlami, ktoré pri vývoji strážia automatické kontroly, takže sa dizajn časom „nerozteká”.
Celý vývoj prebiehal cez AI agentov riadených zadaniami a písanými pravidlami projektu. Agenti písali kód, my sme rozhodovali, kontrolovali a schvaľovali. Výsledok vidíte práve teraz.
Technické detaily
Statický web neznamená hlúpy web. Formuláre bežia ako serverové funkcie na Cloudflare Workers, chránené proti spamu cez Turnstile a doručované cez transakčný e-mail. Interaktívne prvky riešia malé React ostrovčeky, ktoré sa načítajú, až keď ich je vidieť.
Web je zároveň pripravený na AI vyhľadávanie: štruktúrované dáta o službách, cenách a firme, automaticky generované FAQ schémy a súbor llms.txt , aby o nás vedeli odpovedať aj ChatGPT či Perplexity.
Výsledok
Web je rýchly už z princípu: statické stránky z edge siete, žiadne čakanie na databázu. Obsah spravujeme priamo v repozitári, nová referencia alebo článok je otázkou jedného zadania pre agenta a jednej kontroly človekom. A celý web, od kódu cez texty až po štruktúrované dáta, máme pod verzionovanou kontrolou.
Fun fact? Kolega vývoj zhodnotil slovami „zadali ste 30 promptov a bolo”. Git história hovorí niečo iné: približne 270 zadaní, 104 commitov a 24 dní práce vrátane migrácie obsahu, ladenia dizajnu aj nasadenia domény. AI vývoj zrýchľuje, ale nezmenšuje rozsah remesla.
Záver
Najlepší spôsob, ako ukázať, čo vieme, je nechať za nás hovoriť vlastný web. Ak rozmýšľate nad novým webom alebo redizajnom, ozvite sa nám, prevedieme vás rovnakým procesom, akým prešiel aj tento projekt.