Vibe coding
Pilíř B · Workshop 011 min čtení

Od nápadu k živé webové aplikaci (Lovable)

Proč to děláme#

Cílem prvního workshopu je projít celou cestu od prázdného nápadu k veřejně dostupné aplikaci. Na konci budeš mít URL, kterou můžeš poslat kamarádovi.

flowchart LR
  N([Nápad]) --> C[Claude]
  C -->|prompt| L[Lovable]
  L -->|publish| URL([Veřejná URL])

Co budeme potřebovat#

  • Účet na Lovable — registrace e‑mailem.
  • Jasný (i když jednoduchý) nápad: jednou větou, co aplikace dělá a pro koho.

Postup krok za krokem#

  1. Přihlas se do Lovable a klikni na New project.
  2. Do prvního promptu napiš jednou až třemi větami, co chceš vytvořit. Zmiň cíl, typ uživatele a vizuální tón.
  3. Počkej, až Lovable vygeneruje první verzi, a podívej se na náhled.
  4. Iteruj — postupně doplňuj funkce a vzhled v krátkých promptech.
  5. Když jsi spokojený/á, klikni na Publish v pravém horním rohu.
  6. Zkopíruj veřejnou URL a otevři ji v jiném prohlížeči pro kontrolu.
Tip

Nesnaž se v prvním promptu popsat celou aplikaci. Začni jednoduše a stav po vrstvách.

Otestuj se#

Kvíz

Co je nejlepší strategie pro první prompt v Lovable?