Kort svar: Vibe coding betyder att du beskriver hemsidan du vill ha med vanliga ord, låter en AI bygga en första version och sedan fortsätter prata med den tills allt sitter. Första utkastet tar ungefär en minut. Om det blir en riktig hemsida avgörs av det som kommer efteråt: redigering, hosting, en domän och den ändring du behöver göra om ett halvår.
Begreppet kommer från Andrej Karpathy. I februari 2025 beskrev han ett sätt att programmera där man "ger sig helt åt vibben" och slutar läsa koden. Collins utsåg det till årets ord samma år. Sedan dess har vibe coding blivit ett av de vanligaste sätten att få upp en hemsida utan att anlita någon.
Vi har byggt in en AI-byggare i LINJERUM Studio, och så här skulle vi göra.
Vad vibe coding faktiskt betyder
Du skriver vad du vill ha. AI:n skriver koden. Du tittar på resultatet och ber om ändringar med ord, i stället för att flytta runt rutor. "Gör sidhuvudet lugnare." "Lägg till en sida för kurserna." "Telefonnumret ska stå högst upp."
Det finns två sorters verktyg som gör det här, och de skiljer sig mer än man kan tro.
- Allmänna kodverktyg som Lovable, Bolt och Replit skriver en app utifrån din prompt. De kan bygga nästan vad som helst, men när de är klara sitter du med en kodbas, och hosting, formulär och ändringar är ditt problem.
- Hemsidebyggare med AI skriver sidan inuti en plattform som redan står för hostingen, sköter domänen och låter dig ändra ett ord genom att klicka på det. Du kan bygga mindre, men mindre kan gå fel.
För en portfolio, ett litet företag eller en butik i kvarteret är den andra sorten nästan alltid rätt val. Du vill ha en hemsida, inte ett mjukvaruprojekt.
Det här blev resultatet av en enda prompt: fem HTML-sidor, en stilmall och lite JavaScript. Du kan läsa koden, men du behöver aldrig göra det.
Så skapar du en hemsida med AI
Skriv prompten som en brief, inte som en önskan
"En snygg hemsida för min keramikverkstad" ger dig en snygg hemsida för någon annans keramikverkstad. AI:n fyller varje lucka med ett genomsnitt av internet. Ge den det som bara du vet: vem du är, var du finns, vad folk kommer till dig för och hur det ska kännas.
En prompt i vår AI-byggare: en keramikverkstad i Köpenhamn, två keramiker, helgkurser, lugnt och jordnära, fem sidor. Fem länkade sidor kom tillbaka på under en minut.
Skriv vilka sidor du vill ha. Berätta vem sidan är till för. Har du en formulering som du alltid använder med kunderna, ta med den. Det är skillnaden mellan en sida som låter som du och en som låter som en mall.
Läs första utkastet med en främlings ögon
Öppna det i mobilen. Kan du på fem sekunder se vad företaget gör och var det ligger? Går det att komma i kontakt utan att scrolla längst ner? Står det något som inte stämmer?
Den sista frågan är viktig. AI fyller gärna luckor med sådant som låter rätt. Vår prompt sa "Köpenhamn" och inget mer. Sidan kom tillbaka med gatuadress, stadsdel, öppettider och telefonnummer.
Inget av det här stod i prompten. Nørrebro, Jægersborggade, Rantzausgade 41, öppettiderna och telefonnumret var påhittade allihop.
Det ser färdigt ut, och det är just det som är problemet. Gå igenom varje namn, siffra och löfte på sidan och ta bort allt du inte kan stå för.
Be om en ändring i taget
"Gör den bättre" ger dig en annan sida, inte en bättre. "Flytta kursschemat ovanför butiken" ger dig precis det. Små, konkreta önskemål är lättare att kontrollera och lättare att ångra när AI:n gör fel.
Om en ändring spårar ur, ångra den i stället för att be AI:n rätta till rättelsen. Tre korrigeringar senare ser sidan oftast sämre ut än när du började.
Fixa detaljerna själv
AI tar dig största delen av vägen väldigt snabbt. Det sista, de riktiga bilderna, de exakta priserna, meningen som låter som du, går fortare för hand än med prompter. Att skriva "byt 'workshop' mot 'kurs' i andra stycket" tar längre tid än att klicka på ordet och ändra det.
Det är här verktyget spelar roll. Vissa verktyg för vibe coding låter dig bara prata. Det finns inget sätt att klicka på en rubrik och rätta ett stavfel. WPBeginner testade fyra av dem och hittade just det här i Lovable: ingen visuell redigerare när sidan väl är genererad. Innan du väljer verktyg, kolla att du kan redigera för hand.
Publicera på din egen domän
En sida på en lång förhandsvisningslänk är ingen hemsida än. Koppla din domän, kontrollera att kontaktformuläret faktiskt skickar någonstans och öppna den publicerade sidan i en mobil som inte är din.
Samma sida i mobilen. AI:n gjorde den responsiv utan att någon bad om det. Kolla ändå.
Det här går sönder efter första prompten
Demon är den enkla delen. Det här är sakerna som brukar dyka upp några veckor senare.
- Hosting. Allmänna kodverktyg ger dig kod. Att lägga ut den på nätet, hålla den uppe och betala för det är ett jobb i sig. WPBeginners test av Replit slutade med ett val mellan dyr hosting och att publicera den själv.
- Formulär. Ett kontaktformulär som ser rätt ut men inte skickar någonstans är lätt att missa. Testa det med din egen mejladress.
- Att ändra ett pris i mars. Om det enda sättet att redigera är att prompta blir varje liten ändring en liten risk. Du ber om ett nytt pris och får en ny layout på köpet.
- Sökmotorer. Sidtitlar, beskrivningar och en sitemap skriver sig inte själva, om inte verktyget gör det åt dig. Fråga, eller kolla.
Inget av det här är ett skäl att låta bli vibe coding. Det är ett skäl att göra det någonstans där de tråkiga delarna redan är lösta.
När vibe coding är fel val
Om du redan vet hur en bra hemsida för din typ av företag ser ut är det ofta snabbare att utgå från en färdig design än att beskriva en. En mall har redan fattat de hundra små besluten om avstånd, typsnitt och ordning som en prompt lämnar åt slumpen.
Därför har LINJERUM Studio båda. Börja med en mall och ändra text och bilder direkt på sidan, eller beskriv sidan i AI-byggaren och fortsätt därifrån. Oavsett vilket bygger du gratis och betalar först när du publicerar.
Vanliga frågor
Kan jag göra en hemsida med AI utan att kunna koda?Ja. Det är hela poängen. Du kommer längre om du vet vad sidan ska säga, och ett verktyg där du kan redigera genom att klicka gör att du slipper läsa koden när någon liten detalj är fel.
Är det gratis att skapa en hemsida med AI?Att bygga är det oftast, upp till ett visst antal prompter. Att lägga ut sidan på din egen domän kostar pengar på alla plattformar, oavsett om det kallas hosting, en plan eller ett abonnemang. På LINJERUM Studio bygger du gratis och betalar när du publicerar.
Är en AI-byggd hemsida bra för SEO?Den kan vara det. Sökmotorer bryr sig inte om hur koden skrevs. De bryr sig om att sidan laddar snabbt, har en tydlig titel och beskrivning och svarar på det folk söker efter. Kolla de tre sakerna innan du publicerar.
Vilket är det bästa AI-verktyget för att skapa en hemsida?För en app med inloggning och databas, ett allmänt kodverktyg som Lovable eller Replit. För en hemsida till ett företag, en hemsidebyggare med AI, så att hosting, domän och redigering redan är lösta.
