Builderul de aplicații web

Builderul de aplicații web este locul în care Qira îți construiește aplicația web împreună cu tine: un chat în stânga, aplicația ta rulând în dreapta. O descrii, o vezi cum apare, o încerci și o publici.

Cum deschizi builderul

Ai trei căi:

Home - descrie aplicația sub What should we build? și apasă Build. Builderul se deschide cu cererea ta deja în lucru.
Studio - apasă Start a web app pe cardul Web app.
O aplicație web existentă - deschide-o din Studio ca să lucrezi mai departe la ea. Istoricul chatului se păstrează.

Cum arată ecranul

Zonă	Ce face
Stânga sus	Numele aplicației (apasă creionul ca s-o redenumești) și istoricul conversațiilor (iconița cu ceas)
Chat	Conversația ta cu Qira. Fiecare răspuns arată ce a făcut, ce fișiere a modificat și ce a testat
Previzualizare	Aplicația ta, rulând. E o aplicație reală: formularele se trimit, autentificarea funcționează, datele se salvează
Bara de instrumente	Comuți între previzualizare și cod, selectezi un element, mergi înapoi, înainte și reîncarci, și alegi dimensiunea dispozitivului
Dreapta sus	Publish, istoricul versiunilor și setările aplicației

Cum pornești o aplicație nouă

O aplicație goală îți oferă două moduri de a începe.

Puncte de pornire

Deasupra casetei de chat găsești patru puncte de pornire. Apasă pe unul sau descrie-ți propria idee:

Punct de pornire	Ce primești
Landing page	Hero, funcționalități, call to action
Dashboard	Grafice, tabele, filtre
Auth flow	Autentificare, înregistrare, resetarea parolei
Pricing page	Planuri, comutator lunar sau anual, FAQ

Start from a look

În dreapta, Start from a look (pornește de la un look) îți oferă șase designuri. Alege tipul de lucru pe care îl construiești, iar Qira pornește cu tipografia, culorile și textura potrivite:

Look	Gândit pentru
Ledger	Produs / SaaS
Signal	Developeri / AI
Atelier	Studio / editorial
Market	Magazin
Console	Aplicație / dashboard
Civic	Afacere locală

Dacă nu fixezi niciun look, acesta urmează promptul tău: Qira alege unul potrivit cu ce descrii.

Cum vorbești cu Qira

Scrie în caseta din partea de jos a chatului. Lângă ea ai:

@ - menționezi ceva din spațiul tău de lucru, cum ar fi un tabel sau un workflow, ca Qira să-l folosească.
Încărcare - atașezi un fișier: o captură de ecran, o schiță, un logo, un document cu conținutul tău.
Microfon - spui în loc să scrii.
Coș de gunoi - ștergi conversația.
Selectorul de model - alegi modelul AI pentru mesajul următor. Poți schimba oricând: un model puternic pentru construirea structurii, unul mai ușor pentru mici modificări de text.

Creditele rămase apar sub casetă.

Fii precis când vine vorba de date și oameni

Qira construiește aplicații mai bune când spui:

ce păstrează aplicația: „programări cu dată, oră, serviciu și numărul de telefon al clientului”
cine se autentifică și ce are voie să facă: „clienții își văd doar propriile programări, proprietarul le vede pe toate”
ce trebuie să se întâmple: „trimite-mi un email când vine o programare”

Pagini și backend dintr-o singură cerere

Qira construiește paginile. Când aplicația trebuie să salveze, să verifice sau să trimită ceva, îi cere lui Vira, care construiește:

tabele în My Data, cu coloane tipizate
workflow-uri care funcționează ca endpoint-urile API ale aplicației, de exemplu POST /feedback/submit sau GET /feedback/list
autentificare: un endpoint de login care verifică parola și returnează un token, plus endpoint-uri care răspund doar dacă primesc un token valid

Tot ce creează Vira apare în Studio și în My Data la fel ca orice ai construit manual, așa că îl poți deschide și modifica mai târziu.

Verified before finishing

Înainte să-ți predea o construcție, Qira o testează. Cardul Verified before finishing (verificat înainte de final) listează fiecare verificare cu rezultatul ei:

Build check - proiectul se compilează
fiecare endpoint API creat de ea, cu statusul HTTP pe care l-a returnat
rândurile pe care le-a citit înapoi din tabele

Sub card vezi creditele consumate de construcție și cât a durat. Dacă o verificare eșuează, Qira încearcă s-o repare înainte să termine. Când îți creează un cont de administrator, îți dă datele de autentificare în chat: schimbă parola înainte să lansezi aplicația.

Previzualizare și cod

Preview (iconița cu ochi) rulează aplicația. Folosește meniul de dispozitive de lângă bara de adresă ca s-o vezi la dimensiune de desktop, tabletă sau telefon.
Code (iconița <>) arată fișierele proiectului. Deschide orice fișier ca să-l citești sau să-l editezi manual.
Select (iconița cu cursor) îți permite să dai click pe un element din previzualizare ca să lucrezi pe acel element.

Publicare

Apasă Publish ca să pui versiunea curentă live. Fiecare publicare se păstrează în istoricul versiunilor (iconița cu ceas de lângă Publish), așa că poți reveni la o versiune anterioară.

În setările aplicației (iconița cu roată dințată) stabilești:

subdomeniul ei sau un domeniu propriu din spațiul tău de lucru. Vezi Domenii proprii
dacă este publicată
dacă motoarele de căutare o pot indexa
look-ul ei

Exemple

Formular de feedback cu zonă de administrare

„Un formular de feedback pentru o brutărie. Vizitatorii trimit numele, emailul și mesajul. Un administrator se autentifică și marchează mesajele ca rezolvate. Salvează totul într-un tabel.”

Rezultat: o pagină publică cu formularul, o pagină de autentificare și un tabel pentru administrator, un tabel feedback_submissions și cinci endpoint-uri (submit, login, register, list, handle), dintre care list și handle răspund doar administratorilor autentificați. Testat și gata în aproximativ două minute.

Sistem de programări

„O pagină de programări pentru studioul meu. Clienții aleg un serviciu, o zi și un interval liber. Eu văd toate programările într-o vizualizare săptămânală.”

Portal pentru clienți

„Clienții se autentifică și își văd proiectele și facturile. Eu încarc facturile ca PDF-uri.”

Pașii următori

Builderul de workflow-uri - deschide workflow-urile din spatele aplicației tale
My Data - vezi și editează tabelele aplicației
Domenii proprii - pune aplicația pe domeniul tău