Lecția 1, formula de prompt în 6 secțiuni

• Obiectiv, ce face aplicația într-o singură propoziție.

• Utilizator, cine o folosește, într-o singură propoziție.

• Pagini, listează fiecare pagină cu conținutul în bullet-uri.

• Date, listează fiecare entitate cu câmpurile ei.

• Auth + plăți, ce e necesar.

• Stil, paletă, font, vibe în 5 cuvinte.

Vreau să construiesc o <descriere aplicație într-o propoziție>.

UTILIZATOR, <descriere>.

PAGINI,
- /, hero cu [titlu], [subtitlu], [CTA], features (3 carduri), pricing (3 planuri), testimoniale, FAQ, footer.
- /dashboard, sidebar cu [elemente], panou principal cu [conținut].
- /settings, profil, facturare, echipă.
- /pricing, tabel cu 3 planuri și [features].

DATE,
- Users, id, email, name, created_at.
- Projects, id, name, status, owner_id, created_at.

AUTH, magic link prin Supabase.
PLĂȚI, Stripe Checkout, 3 planuri Starter (15 EUR), Pro (49 EUR), Business (199 EUR).

STIL, dark mode implicit, paletă navy + electric blue, fonturi Inter + Geist Mono, vibe minimal, tehnic, premium.

Folosește shadcn/ui pentru componente. Folosește TypeScript. Folosește Tailwind v4. Folosește Next.js 15 App Router.

Lecția 2, disciplina iterației

• Primul prompt construiește 60 până la 70% din aplicație.

• Iterează prin instrucțiuni mici și specifice, 'schimbă CTA-ul din hero în roșu'.

• NU itera prin rescrieri masive, 'refă toată pagina de pricing'. Mai bine o iei de la capăt.

• Salvează fiecare stare funcțională prin funcția de branch din Lovable.

• Când ești mulțumit de structură, fă eject spre GitHub și termină în IDE-ul tău.

Lecția 3, cum reacționezi când Lovable o ia razna

• Simptom, Lovable rescrie cod care funcționa. Revino la ultima stare bună prin branch-uri.

• Simptom, Lovable adaugă dependențe care umflă proiectul. Fă eject devreme, curăță în IDE-ul tău.

• Simptom, designul pare generic. Ăsta e jobul tău de șlefuit, nu al lui Lovable.

• Simptom, performanța e slabă. Fă eject și aplică manual optimizările Lighthouse.

Lecția 4, cum lucrezi cu shadcn/ui

• Lovable folosește implicit shadcn/ui, cea mai populară bibliotecă de componente în 2026.

• Toate componentele sunt fișiere locale în /components/ui, le editezi liber.

• Personalizează tema prin tailwind.config.ts și globals.css.

• Adaugă componente la nevoie prin CLI-ul shadcn, fără să-l mai întrebi pe Lovable.

• Compune componente avansate din primitive, nu lipi niciodată monoliți de 200 de linii.

Lecția 5, cum lucrezi cu Supabase + Lovable

• Lovable se conectează la proiectul tău Supabase printr-o integrare cu 1 click.

• Schemele pe care le generează sunt de obicei ok, dar verifică mereu politicile RLS.

• Adaugă manual indexuri suplimentare în SQL Editor din Supabase.

• Dacă ai deja un proiect Supabase, conectează Lovable direct la el.

Lecția 6, cele 3 greșeli de evitat

• Să încerci să faci designul în prompt. Stilul e scurt. Designul lui Lovable e generic. Șlefuiește în IDE.

• Prompturi lungi cu cerințe vagi. Bullet-uri specifice > proză.

• Să iterezi la nesfârșit fără să faci eject. Fă eject spre GitHub la 70%, termină în cod.