Konec programování? 5 kroků, jak vytvořit vlastní aplikaci [zdarma]

A programátoři nebudou mít co žrát. Představte si, že byste mohli vytvořit vlastní aplikaci bez jediné řádky kódu. V článku z dubna 2024 jsem psal o tom, jak se vývoj aplikací zjednodušuje. Doba se ale neuvěřitelně zrychluje a na scénu přichází nová no-code platforma, kterou budete doslova milovat. Jmenuje se totiž Lovable. Nemusíte rozumět technologiím, pouze zapojit vaší kreativitu a AI se vám postará o zbytek. V tomto článku vám ukážu, jak Lovable využít naplno, včetně praktických příkladů a tipů z vlastní zkušenosti. Pojďme na to!

Lovable vám vykouzlí aplikaci podle vašich přání

Idea to app in seconds. Jak již claim napovídá, jedná se o AI řešení, které vám vytvoří aplikaci během chvilky na základě vašich příkazů. Za poslední dobu jsem vyzkoušel již několik podobných řešení, ale tohle mi vyrazilo dech.

Proč zrovna Lovable stojí za zkoušku?

• 📝 Nepotřebujete k tomu žádný programátorský editor a šahat do kódu, o vše se postará AI, která programuje appku dle vašich příkazů.
• 🆓 Je zdarma. V rámci free plánu můžete až 5x denně zadat příkaz na jakémkoliv projektu. Pro začátek vystačí nebo se můžete k Lovable postupně vracet. Což je příklad, jak ho využívám já.
• 🎨 Baví mě na tom, jak umí kombinovat backend (databáze) a frontend (vizuál). Zvládne moderní vzhled a ukládání dat pro následné používání.
• 🌐 Aplikaci jedním klikem vypublikujete na web a kdokoliv ji může použít pomocí odkazu.
• 🔄 Kdykoliv se k projektu můžete vrátit. Pokračujte ve vývoji tam, kde jste skončili s posledním promptem.
• 💡 Nemáte zrovna nápad na appku? Nevadí, jsou zde k dispozici předpřipravené příkazy nebo šablony k použití od ostatních lidí z komunity.
• ↩️ Jakmile se vám nově navržená úprava od AI nelíbí, můžete se vrátit o krok zpět. Verzování je skvělou funkcí pro občas nepovedené výstupy.
• 🔧 Oprava chyb - když AI provede chybu v kódu, podívá se znovu na kód a opraví ho bez vaší pomoci.
• ⭐ A teď v čem je Lovable unikátní – poradí si i s pokročilými funkcemi, jako je login page, validace dat apod.

Chci si ji vyzkoušet, jak na to?

1. (Dobrovolný krok), do budoucna se vám bude hodit: Nejprve se zaregistrujte na GitHubu. Stačí vytvořit účet, opět kompletně zdarma. Bude sloužit pro propojení obou služeb.

GitHub · Build and ship software on a single, collaborative platform

Join the world’s most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build software that advances humanity.

GitHub

2. Zaregistrujte se na Lovable pomocí GitHub účtu nebo e-mailu. Opět zdarma, jednoduché jak facka.

Lovable

Build software products, using only a chat interface

3. A nyní hurá do vývoje:) Zadejte svůj požadavek a pozorujte, jak AI pracuje na vašem projektu.
   
   Tip: Pod chatem naleznete také nabídku předchystaných promptů, vyberte si jaký chcete a klikněte na Create ->.

4. Na pozadí se začne chroustat aplikace a zobrazí se vám první verze. Pokud se vám výstup nelíbí, nezoufejte a nabriefujte ho lépe v chatu.
   
   Pamatujte, jednoduchý prompt -> jednoduchý výstup. Neboli shit in, shit out:)
   
   Warning: Pokud by náhodou došlo k chybě (což se občas stává i programátorovi), klikněte na fix issue a AI si s chybou poradí. A dokonce vám fix issue nežere kredity.

5. Chcete přidat funkci? Vyměnit barvu? Nelíbí se vám vzhled? Napište mu zpětnou vazbu a AI se polepší. A tímto způsobem můžete pokračovat donekonečna nebo do konce denního limitu.
   
   Na obrázku níže je příklad druhé verze. Abych to měl jednodušší, přidal jsem mu do přílohy obrázek skutečného Trello nástěnky, aby se inspiroval vzhledem (doporučuji využívat attachments pro kvalitnější výstupy).

TL;DR

Pokud se vám nechce číst návod a stále váháte, zde je ve krátké video, jak celé workflow vypadá.

Prohlédněte si projekty od ostatních lidí

Aplikace na počasí👇
https://x.com/lovable_dev/status/1874534159756251195

Invoice management system👇
https://x.com/MinaSaad__/status/1872729818154057993

Psaní vlastního deníku👇
https://x.com/lovable_dev/status/1873670182192767145

B2B databáze👇
https://x.com/ollyrosewell/status/1875562510243307659

Nástroj pro reportování bugů👇
https://x.com/diegoguada/status/1874887094692372810

Pro koho je Lovable určen a jak ho lze využít naplno?

Pro produktivní nadšence, produkťáky a troufám si říct, že pro každého, kdo chce realizovat své nápady. Hlavní bariéry ve vývoji aplikací jsou díky Lovable smazány.

Pokud bych ale měl být konkrétní, zde jsou konkrétní způsoby využití:

• Aplikace nebo weby, které zefektivní vaši každodenní práci. Ať už jste v marketingu, HR nebo backoffice, nejtěžší na tom všem je vymyslet, co se vám bude hodit do arzenálu.
• Pro funkční prototypování vašeho produktu. Napište AI, co chcete v rámci produktového vývoje vyvinout za funkci, přiložte mu screenshot z vaší aplikace a máte hotový náhled produktu. Nebude to dokonalé, ale umím si představit, že vývojář vám poděkuje.
• Pro tvorbu funkčního MVP v rámci startupu. Myslím si, že AI programování půjde jen a jen kupředu a nebude problém vygenerovaný kód rozšiřovat o další funkcionality.
• AB testování - vytvořte základní kopii vaší aplikace, připravte testovací case a pošlete ho uživatelům na otestování. Seberte feedback a zapracujte ho do produktu.

Pár slov na závěr

Zmíněné nápady jsou příkladem toho, jak AI demokratizuje vývoj aplikací. Nemusíte být programátor, abyste si vytvořili užitečnou aplikaci – stačí mít nápad a umět ho dobře popsat. Je fascinující sledovat, jak rychle se AI nástroje vyvíjejí.

Samozřejmě, Lovable není všemocný a nemůže (zatím) nahradit komplexní enterprise aplikace. Ale pro jednoduché interní nástroje nebo MVP je to malý zázrak. A co je nejlepší? Můžete začít ihned zdarma a postupně objevovat, co všechno platforma dokáže.

Jestli vás článek zaujal, nezapomeňte hodit odběr, pokud nechcete minout další články o nových AI nástrojích a technologiích. Díky za podporu! 🙏

Tip na závěr: Doporučuji sledovat Lovable na Xku. Pravidelně publikují jednoduché návody nebo appky od komunity, které vás mohou inspirovat u svého projektu. Zde je například skvělý prompt guide s osvědčenými postupy.