Byg en app uden at kode, det lyder måske lidt skævt. Specielt hvis du ingen erfaring har med programmering? Så er Lovable et af de mest kraftfulde værktøjer inden for den nye bølge af vibe coding.
Med Lovable beskriver du blot din idé på helt almindeligt sprog, og platformens AI-agenter skaber designet, koder funktionaliteten, opretter databasen og gør appen klar til brug.
I denne guide gennemgår vi trin-for-trin, hvordan Lovable fungerer – illustreret ved at bygge en fuldt funktionel svampe-identifikations-app, som kan kende spiselige svampe fra de giftige via kameraet på din telefon.
1. Opret din konto og forstå AI-chatten
Det tager under et minut at komme i gang med Lovable:
- Opret en gratis konto med Google, Apple ID eller e-mail.
- Interface: Du møder et simpelt inputfelt, der fungerer ligesom ChatGPT.
- Prompt-metode: Du kan vælge at skrive dit prompt (din instruks) som tekst eller bruge mikrofonikonet til at indtale din idé med stemmen.
2. Fra idé til app: Eksemplet med svampe-appen
For at se Lovable i aktion opbygger vi en Svampe genkender App.
Trin A: Skriv dit prompt
I inputfeltet indtaster du en præcis beskrivelse af, hvad appen skal gøre:
“Byg en moderne og brugervenlig web-app til svampe-entusiaster. Brugeren skal kunne uploade eller tage et billede af en svamp. Appen skal herefter analysere billedet med AI og kategorisere svampen som enten ‘Spiselig’ eller ‘Ikke-spiselig / Giftig’. Tilføj en kort beskrivelse, forvekslingsmuligheder og gem fundet i brugerens personlige svampelag i en database.”
Trin B: AI’en bygger appen
Når du trykker på Enter, går Lovables AI i gang:
- Den opretter brugerfladen (frontend) og logikken (backend).
- Den integrerer AI-billedgenkendelse (f.eks. via Gemini API).
- Processen tager typisk mellem 3 og 5 minutter. Undervejs kan platformen stille dig et par opfølgende spørgsmål til designet.
3. Test og brug appen direkte på din telefon
Når Lovable er færdig med at bygge, kan du afprøve appen i preview-vinduet:
- Upload et billede: Upload et billede af en svamp (f.eks. en kantarel).
- AI-analyse: Appen analyserer billedet og markerer svampen som “Spiselig” med oplysninger om fundet.
- Udgiv til nettet: Klik på Publish. Lovable giver dig et unikt link (f.eks.
svampescanner.lovable.app). - Gem som app på mobilen: Åbn linket på din smartphone, vælg “Tilføj til hjemmeskærm”, og du har nu et app-ikon på mobilen, klar til brug i skoven.
4. Gør din app professionel: Login, landing page og betaling
Når basisfunktionen virker, kan du nemt udvide projektet ved blot at bede Lovable om det:
- Opret brugersystem: Bed chatten om “Tilføj et login-system, så hver bruger har sin egen konto og sit eget svampe-arkiv.” Lovable sætter automatisk en database op til brugerdata.
- Byg en Landing Page: Bed chatten om “Byg en salgsside for min svampe-app med screenshots, fordele, testimonials og priser.” Lovable genererer en responsiv landingsside på et par minutter.
- Integrer betaling: Du kan tilkoble Stripe eller Paddle under indstillinger for at tager imod betaling eller abonnementer for din app.
5. Indbyggede eksperter: Sikkerhed, SEO og fejlretning
Særligt under menuen “More” gemmer Lovable på en række stærke værktøjer:
- AI-Fejlretning (Bug fixing): Hvis appen støder på en fejl undervejs, tilbyder Lovable en “Try to fix it all”-knap, hvor AI’en automatisk scanner koden og retter fejlen.
- Sikkerhedsscanning: Når du gemmer brugerdata i en database, kan du køre en Deep Security Scan. AI’en gennemgår appen for sårbarheder og lukker dem.
- SEO & AI-Søgning: Kør en SEO-scanning for at sikre, at din app og landingsside kan findes af Google og ChatGPT.
6. Priser og Credits i Lovable
Lovable anvender et credit-system baseret på, hvor meget AI-kraft du forbruger:
- Gratis abonnement: Giver dig 30 credits pr. måned (med en grænse på 5 credits om dagen). Det er nok til at bygge og teste din første prototype.
- Pro abonnementer: Koster fra ca. $25/måned for 100+ credits. Pro-udgaven er nødvendig, hvis du vil tilkoble dit eget domænenavn (f.eks.
www.svampescan.dk) og køre større projekter.
Lovable gør det muligt for alle – uanset teknisk baggrund – at gå fra en idé på papiret til en køreklar app på mobilen på under 15 minutter. Uanset om du vil bygge en svampe-scanner til eget brug eller skabe en SaaS-virksomhed, kan du styre det hele med almindelig dansk eller engelsk tekst. Byg en app uden at kode, ja det er det er faktisk muligt nu.
