Motor de site-uri demo bazat pe șabloane
Un singur Cloudflare Worker care generează un site complet pentru fiecare domeniu din câțiva parametri ai adresei — toate demo-urile din bibliotecă vin de aici.
Obiectiv tehnic
Să producă în mai puțin de o secundă un concept de site convingător și gata pentru mobil pentru orice tip de afacere mică, fără build separat pentru fiecare site, astfel încât o idee de design să poată fi arătată ca pagină funcțională, nu ca machetă statică.
Constrângeri
- Zero infrastructură per demo: o singură implementare trebuie să servească toate domeniile.
- Rapid pe telefoane medii prin 4G, pentru că așa deschid majoritatea oamenilor un link primit.
- Niciun conținut extern stocat per afacere — totul derivă din câțiva parametri.
- Cost de funcționare aproape zero pe un plan de găzduire gratuit.
Arhitectură
- 01
Parametri URL
Cheia șablonului, numele afacerii, orașul și detalii opționale.
- 02
Router de șabloane
Fără cheie, regulile de cuvinte-cheie aleg unul din 17 șabloane pe domenii.
- 03
Generatorul de site
Funcțiile de șablon asamblează HTML, CSS și mici scripturi de interacțiune.
- 04
Straturi suplimentare
Straturi comune adaugă prezentarea video, acțiunile fixe pe mobil și nume curate.
- 05
Proxy-uri edge
Proxy-uri pentru imagini și video licențiat, cu liste permise, limite de mărime și cache.
- 06
Randare izolată
Pagina e scrisă într-un iframe srcdoc și servită cu noindex.
Fluxul merge de la stânga la dreapta, de sus în jos.
Decizii cheie de implementare
Șabloane ca funcții, nu fișiere
Fiecare domeniu e o funcție care întoarce marcajul dintr-un obiect de date. Un domeniu nou înseamnă date și o funcție — fără rute noi și fără ținte noi de implementare.
Parametri în loc de bază de date
Un demo e descris complet de URL, deci linkurile sunt reproductibile, cacheabile și nu depind niciodată de date personale stocate.
Cuvinte-cheie înainte de AI
Numele afacerilor sunt comparate cu reguli ordonate de cuvinte-cheie. E determinist, explicabil și gratuit; un pas AI poate fi adăugat ulterior pentru cazurile ambigue.
Proxy-uri cu listă permisă
Proxy-ul de imagini acceptă doar imagini sub 8 MB și blochează adresele private; proxy-ul video servește doar o listă explicită de clipuri licențiate.
Capturi
Provocări
Coduri CAEN comune
Codurile oficiale de activitate sunt comune unor meserii foarte diferite (un salon de unghii și unul de coafură pot avea același cod). Cuvintele din nume s-au dovedit un semnal mult mai bun, codul rămânând doar rezervă.
3D generat din cod nu arăta premium
O versiune timpurie construia camere 3D din cod. Interesant tehnic, dar artificial. L-au înlocuit filmări reale licențiate cu mișcare condusă de derulare — o amintire că fidelitatea bate ingeniozitatea.
Lecții învățate
- Un demo care rulează în browser convinge mai mult decât orice machetă statică.
- Regulile deterministe cu rezerve clare bat un model opac la deciziile de rutare.
- Fiecare endpoint de proxy are nevoie de listă permisă din prima zi.