Stavebnica: AI, ktorá postaví unikátny web od A po Z
Človek zadá adresu starého webu alebo popíše firmu. Systém si web prečíta, spýta sa pár vecí, navrhne vlastný dizajn a napíše celý web vrátane SEO, cookies a právnych stránok. Potom ho klient upravuje chatom alebo klikom na text a zverejní u nás, na svojom hostingu alebo si ho stiahne.
1. Čo je Lovable a ako funguje
- Používateľ píše do chatu, AI napíše celú aplikáciu (React, Tailwind, databáza Supabase), uloží ju do gitu a hneď ukáže náhľad.
- Každá ďalšia správa = AI prepíše súbory v projekte. Zverejnenie na ich hostingu (Lovable Cloud) jedným klikom, vlastná doména v platenom balíku, kód sa dá prepojiť s GitHubom.
- Platí sa kreditmi: Free 5 kreditov denne (najviac 30 mesačne), Pro 25€ mesačne za 100 kreditov, Business 50€, väčšie balíky až 10 000 kreditov. Jedna správa stojí rôzne veľa kreditov podľa zložitosti, kredity platia aj hosting a AI v hotových appkách.
Kde Lovable pre malé firmy zlyháva
- Nevieš vopred, koľko zaplatíš. Cena správy závisí od zložitosti, oprava chyby, ktorú spravila AI, žerie ďalšie kredity.
- Slabé SEO. Robí aplikácie v Reacte, text stránky vzniká až v prehliadači. Robot dostane prázdnu stránku (presne problém DIA VEGA z 10/2026).
- Žiadne Slovensko. Vykanie, diakritika, GDPR, cookie lišta, právne stránky, IČO na kontakte: všetko treba vypromptovať a skontrolovať.
- Rovnaký vzhľad. Weby z Lovable sa na seba podobajú (gradienty, karty, rovnaké rozloženie).
- Hosting a odchod. Export je git repozitár pre programátora, nie hotový web pre bežný hosting.
- Po čase chaos. AI prepisuje celé súbory, po desiatkach úprav sa kód rozpadá a opravy stoja viac kreditov.
2. Čo chceme: lepšie, jednoduchšie, lacnejšie
| Lovable | Stavebnica | |
|---|---|---|
| Začiatok | Prázdny chat, treba vedieť, čo napísať | Adresa starého webu alebo popis, potom 5 otázok s možnosťami |
| Dizajn | Podobný medzi webmi | Motív z odboru firmy, vlastný efekt, register zakazuje opakovanie |
| Výsledok | React aplikácia | Hotový web: HTML, CSS, fotky, písma. SEO priamo v HTML |
| Cena úpravy | Premenlivá | Pevná a známa vopred (sekcia 1 kredit, nová stránka 5) |
| Text na webe | Cez chat (stojí kredity) | Klik na text v náhľade, zadarmo |
| Slovensko | Ručne | Vykanie, GDPR, cookies, právne stránky, IČO, Google mapa až po kliknutí |
| Hosting | Ich cloud | U nás, na akomkoľvek hostingu cez FTP alebo ZIP |
| Formulár | Treba backend | Funguje hneď (cez nás alebo PHP súbor na hostingu) |
| Cena | 25€ mesačne | od 9€ mesačne, vyskúšanie zadarmo |
3. Ako to funguje od A po Z
- Vstup. Adresa webu alebo popis firmy a výber kvality (rýchla, vyvážená, najvyššia). Analýza a otázky sú zadarmo, kredity sa odpočítajú až pri tvorbe.
- Stiahnutie starého webu. Úvod a až 10 podstránok z menu, galérie o úroveň hlbšie. Texty, nadpisy, telefóny, e-maily, IČO, DIČ, adresa, sociálne siete, farby z CSS a fotky. Keď web blokuje roboty (firewall), skúsi http, www a nakoniec archive.org.
- Analýza. AI prečíta obsah, na jednom náhľadovom obrázku si prezrie všetky fotky a pripraví: údaje firmy, hodnotenie starého webu, čo ponechať, čo pridať (z otázok, ktoré zákazníci odboru reálne kladú), 3 smery vzhľadu, 3 ciele a 2 doplňujúce otázky na chýbajúce údaje.
- Otázky klientovi. Zaškrtávanie, nie písanie. Klient môže nahrať vlastné fotky, AI ich opíše a použije prednostne.
- Art director. Silnejší model navrhne motív jednou vetou, farby (kontrast 7:1), písmo z 22 hostovaných písiem s mäkčeňmi, podpisový efekt, štruktúru stránok a pre každú sekciu vlastný nápad na rozloženie. Vidí register posledných webov a nesmie zopakovať motív, efekt, písmo ani farby.
- Fotky. Poradie: fotky klienta, fotky zo starého webu, voľná fotobanka (Openverse: StockSnap, rawpixel, CC0, bez kľúča; ten však blokuje dátacentrá, preto na serveri Wikimedia Commons s uvedením autora na stránke Zdroje fotografií; najlepšie Pexels, keď si založíš bezplatný kľúč). Z každého hľadania AI vyberie najvhodnejšiu z náhľadu. Ukladajú sa ako WebP v troch veľkostiach.
- Dizajnový systém. AI napíše vlastné CSS, hlavičku a pätičku webu. Žiadna šablóna.
- Sekcie. Každá sekcia je samostatný kúsok kódu (HTML, CSS, JS) napísaný pre túto firmu, 6 naraz. Automatická kontrola: emoji, dlhé pomlčky, zástupné texty, jeden h1, chyby v JavaScripte, neznáme fotky. Pri chybe sa sekcia raz prepíše.
- Skladanie. Systém doplní neviditeľnú výbavu: title, popis, canonical, Open Graph s vygenerovaným obrázkom, JSON-LD (LocalBusiness, FAQ, drobčeky), sitemap, robots.txt, favicony, manifest, cookie lišta s nastaveniami, Ochrana osobných údajov a Cookies stránky, 404, formulár s antispamom, mapa až po kliknutí, poistky efektov (bez JavaScriptu je všetko viditeľné, pohyb sa vypína pri prefers-reduced-motion).
- Úpravy. Chat: AI rozhodne, ktoré sekcie zmení, a prepíše len tie. Cena je pevná, pri 5 a viac kreditoch sa najprv opýta. Text sa dá prepísať klikom priamo v náhľade zadarmo. Každá zmena je verzia, dá sa vrátiť.
- Zverejnenie. U nás (A záznam na náš server), na hostingu klienta cez FTP (Websupport, Wedos, Forpsi, HostCreators), alebo ZIP. Formulár ide cez nás alebo cez PHP súbor na hostingu klienta, takže web funguje aj bez nás.
- Učenie. Znalosti odvetví rastú s každým webom (otázky zákazníkov, čo nesmie chýbať). Z úprav klientov systém navrhuje pravidlá, ktoré po tvojom schválení idú do každej ďalšej tvorby. Do adminu vložíš adresy ocenených webov a AI z ich kódu vytiahne nové techniky efektov.
4. Prečo každý web unikát a predsa nie chaos
Lovable prepisuje celú appku. My držíme web ako zoznam sekcií, každá má vlastný kód. Úprava prepíše len dotknutú sekciu, takže ani po stovke úprav sa web nerozpadne a úprava je lacná. Spoločné pre všetky weby je len to, čo nie je vidieť: SEO, cookies, právne stránky, formulár, ikony. To je napísané raz a správne.
5. Koľko to stojí nás a koľko klienta
Náklady na AI (merané na vytahyzemplin.sk, 6 stránok)
| Kvalita | Modely | Čas | Cena AI za celý web | Klient platí |
|---|---|---|---|---|
| Rýchla | Luna všade | 3,5 min | 0,10 USD | 15 kreditov |
| Vyvážená | koncept a úvod Terra, zvyšok Luna | 3,5 min | 0,30 USD | 25 kreditov |
| Najvyššia | koncept a úvod Sol, zvyšok Terra | 5,5 min | 1,89 USD | 60 kreditov |
Úprava jednej sekcie chatom stojí rádovo 0,005 až 0,02 USD. Analýza a otázky približne 0,01 USD. Hosting statického webu na našom serveri je prakticky zadarmo (pár MB na web).
Cenník pre klienta
| Balík | Cena | Kredity | Čo obsahuje |
|---|---|---|---|
| Zadarmo | 0€ | 40 na začiatok | Celý web aj úpravy, náhľad s odznakom |
| Štart | 9€ mesačne | 100 mesačne | Vlastná doména, hosting, SSL, formulár, bez odznaku |
| Firma | 19€ mesačne | 300 mesačne | 3 weby, nahrávanie na vlastný hosting, ZIP, prednostná podpora |
| Agentúra | 49€ mesačne | 1 000 mesačne | Neobmedzene webov, bez našej značky |
| Dobitie | 9€ / 25€ / 60€ / 140€ | 100 / 300 / 800 / 2 000 | Bez predplatného |
| Odchod od nás | 149€ jednorazovo | ZIP alebo nahratie na iný hosting (pri Štarte) |
Oplatí sa? Kredit predávame za 0,06 až 0,09€. Vyvážený web nás stojí približne 0,28€ a klient zaňho dá 25 kreditov, teda 1,50 až 2,25€: marža viac ako 80 %. Najvyššia kvalita stojí 1,75€ a klient dá 60 kreditov (3,60 až 5,40€). Rýchla 0,09€ za 15 kreditov. Pri balíku Štart (9€) nás klient s bežnými úpravami stojí do 1€ mesačne. 100 platiacich klientov na Štarte je približne 800€ čistého mesačne bez našej práce. Najväčšie riziko nie je cena AI, ale podpora a zneužitie: preto denný limit na AI (5 USD), limit nových webov na IP a analýza zadarmo, ale tvorba až za kredity.
6. Technika
- Node.js a Express na Hetzneri (hetzner-new), nginx, Let's Encrypt. Dáta zatiaľ v JSON súboroch, v ostrej verzii Postgres.
- OpenAI Responses API: Luna (lacná), Terra a Sol (dizajn). Každé volanie sa zapisuje do denníka nákladov s cenou.
- Vygenerované weby sú statické súbory: 30 kB HTML na stránku, jedno CSS a jedno JS, písma a fotky lokálne, žiadne CDN ani Google Fonts.
- Náhľady na stavebnica.alukim.sk/n/<id>/ s noindex.
7. Čo je v prototype a čo chýba do ostrej verzie
| Hotové v prototype | Chýba do ostrej verzie |
|---|---|
|
– Stiahnutie starého webu aj cez firewall – Analýza, otázky, nahrávanie fotiek – Art director, register proti opakovaniu – Fotobanka s výberom cez AI – Vlastný kód každej sekcie, kontrola a oprava – SEO, JSON-LD, cookies, právne stránky, formulár – Chat s pevnou cenou, úprava textu klikom, verzie – Kredity a balíky (platba simulovaná) – ZIP, FTP, PHP formulár – Admin: náklady, poučenia, inšpirácie, register, odvetvia |
Stripe platby a faktúry cez CRM Prihlásenie e-mailom (teraz účet = cookie v prehliadači) E-mail z formulára klientovi (teraz sa ukladá do systému) Automatické pripojenie domény klienta a SSL (Caddy on-demand) Vizuálna kontrola: snímka webu a AI posúdi, či niečo nie je rozbité Admin meraní (GA4, Meta) po súhlase s cookies Viac jazykov, blog, rezervácie, e-shop ako modul Pexels kľúč pre kvalitnejšiu fotobanku Postgres, zálohy, monitoring |
8. Riziká
- Kvalita kódu od AI. Rieši kontrola sekcií, oprava a verzie. Ďalší krok je vizuálna kontrola snímkou.
- Fakty. AI nesmie vymýšľať čísla, recenzie ani certifikáty. Pravidlo je v každom kroku, klient to aj tak musí prečítať.
- Fotky. Fotobanka len CC0 alebo s uvedením autora. Fotky ľudí musia sedieť s regiónom.
- Podpora. Ľudia budú chcieť pomôcť s doménou. Návody s obrázkami pre Websupport, Wedos, Forpsi.
- Kanibalizácia zákaziek. Stavebnica je lacný vstup, weby na mieru a e-shopy ostávajú drahšia služba.