Resposta curta: Per crear una pàgina web amb vibe coding, descrius amb paraules senzilles el lloc que vols, deixes que una IA en faci una primera versió i hi continues parlant fins que quedi bé. El primer esborrany triga més o menys un minut. El que decideix si acabes tenint una pàgina web de debò és el que ve després: l'edició, l'allotjament, el domini i els canvis que voldràs fer d'aquí a sis mesos.
El terme és d'Andrej Karpathy. El febrer del 2025 va descriure una manera de programar en què et deixes portar del tot per les sensacions ("fully give in to the vibes") i deixes de llegir el codi. Collins en va fer la paraula de l'any aquell mateix any. Des d'aleshores, "fer una pàgina web amb vibe coding" s'ha convertit en una de les maneres més habituals de tenir un lloc web en línia sense contractar ningú.
A LINJERUM Studio hi hem integrat un creador amb IA, i així és com ho faríem nosaltres.
Què vol dir realment fer una pàgina web amb vibe coding
Escrius el que vols. La IA escriu el codi. Mires el resultat i demanes canvis amb paraules, no pas movent caixes amunt i avall. "Fes la capçalera més tranquil·la." "Afegeix una pàgina per als cursos." "El telèfon ha d'anar a dalt de tot."
Hi ha dos tipus d'eines que ho fan, i s'assemblen menys del que sembla.
- Les eines generals de codi com Lovable, Bolt i Replit escriuen una aplicació a partir del teu prompt. Poden construir gairebé qualsevol cosa, però quan acaben tens un codi font a les mans, i l'allotjament, els formularis i els canvis són cosa teva.
- Els creadors de webs amb IA escriuen el lloc dins d'una plataforma que ja l'allotja, s'encarrega del domini i et deixa canviar una paraula fent-hi clic. Pots fer menys coses, però també hi ha menys coses que puguin fallar.
Per a un portafoli, una petita empresa o una botiga de barri, el segon tipus és gairebé sempre l'encertat. El que vols és una pàgina web, no un projecte de programari.
El que va sortir d'un sol prompt: cinc pàgines HTML, un full d'estils i una mica de JavaScript. El pots llegir, però no et cal fer-ho mai.
Com crear una pàgina web amb IA i vibe coding
Escriu el prompt com un encàrrec, no com un desig
"Una web bonica per al meu taller de ceràmica" et dona una web bonica per al taller de ceràmica d'algú altre. La IA omple cada buit amb la mitjana d'internet. Dona-li el que només saps tu: qui ets, on ets, per què et ve a veure la gent i quina sensació ha de transmetre.
Un sol prompt al nostre creador amb IA: un taller de ceràmica a Copenhaguen, dos ceramistes, cursos de cap de setmana, un to tranquil i terrós, cinc pàgines. En menys d'un minut en van sortir cinc pàgines enllaçades.
Digues quines pàgines vols. Explica per a qui és el lloc. Si tens una frase que sempre fas servir amb els clients, posa-la-hi. Aquesta és la diferència entre una web que sona com tu i una que sona a plantilla.
Llegeix el primer esborrany com ho faria un desconegut
Obre'l al mòbil. En cinc segons, entens què fa el negoci i on és? Hi ha manera de posar-s'hi en contacte sense haver de baixar fins a baix de tot? Hi ha res que digui alguna cosa que no és veritat?
Aquesta última és important. A la IA li agrada omplir els buits amb coses que sonen bé. El nostre prompt deia "Copenhaguen" i prou. El lloc va tornar amb una adreça, un barri, un horari i un número de telèfon.
Res d'això no era al prompt. Nørrebro, Jægersborggade, Rantzausgade 41, l'horari i el telèfon són tot inventats.
Sembla acabat, i aquest és precisament el problema. Repassa cada nom, cada xifra i cada promesa de la pàgina, i esborra tot allò que no puguis defensar.
Demana els canvis d'un en un
"Millora-la" et dona una web diferent, no una de millor. "Posa l'horari dels cursos per sobre de la botiga" et dona exactament això. Les peticions petites i concretes són més fàcils de comprovar i més fàcils de desfer quan la IA s'equivoca.
Si un canvi surt malament, desfés-lo en lloc de demanar a la IA que corregeixi la correcció. Al tercer retoc, la pàgina sol quedar pitjor que al principi.
Els detalls, fes-los tu
La IA et porta molt lluny molt de pressa. L'última part, les fotos reals, els preus exactes, la frase que sona com tu, va més ràpid a mà que amb prompts. Escriure "canvia 'taller' per 'curs' al segon paràgraf" costa més que fer clic a la paraula i canviar-la.
Aquí és on l'eina marca la diferència. Algunes eines de vibe coding només et deixen parlar. No hi ha manera de fer clic en un títol i corregir una errada. WPBeginner en va provar quatre i es va trobar exactament això amb Lovable: cap editor visual un cop generat el lloc. Abans de triar una eina, comprova que hi puguis editar a mà.
Publica-la al teu propi domini
Un lloc en un enllaç de previsualització llarguíssim encara no és una pàgina web. Connecta el teu domini, comprova que el formulari de contacte envia els missatges a algun lloc i obre la web publicada en un mòbil que no sigui el teu.
El mateix lloc en un mòbil. La IA el va fer adaptable sense que ningú li ho demanés. Comprova-ho igualment.
Què falla després del primer prompt
La demostració és la part fàcil. Aquestes són les coses que acostumen a aparèixer al cap d'unes setmanes.
- L'allotjament. Les eines generals de codi et donen codi. Posar-lo en línia, mantenir-lo en línia i pagar-lo és una feina a part. La prova de WPBeginner amb Replit va acabar amb una tria entre un allotjament car o publicar-lo pel teu compte.
- Els formularis. Un formulari de contacte que sembla correcte però no envia res enlloc passa fàcilment desapercebut. Prova'l amb el teu correu.
- Canviar un preu al març. Si l'única manera d'editar és amb prompts, cada petit canvi és un petit risc. Demanes un preu nou i de regal et canvia també el disseny.
- Els cercadors. Els títols de les pàgines, les descripcions i el mapa del lloc no s'escriuen sols, tret que l'eina ho faci per tu. Demana-ho o comprova-ho.
Res d'això és un motiu per evitar el vibe coding. És un motiu per fer vibe coding en un lloc que ja s'encarrega de les parts avorrides.
Quan el vibe coding no és la millor opció
Si ja saps com és una bona pàgina web per al teu tipus de negoci, començar a partir d'un disseny acabat sovint és més ràpid que descriure'n un. Una plantilla ja ha pres les cent petites decisions sobre espais, tipografia i ordre que un prompt deixa a l'atzar.
Per això LINJERUM Studio té totes dues coses. Comença amb una plantilla i canvia els textos i les fotos directament a la pàgina, o descriu el lloc al creador amb IA i continua a partir d'aquí. Sigui com sigui, crear la web és gratis i només pagues quan la publiques.
Preguntes freqüents
Puc fer una pàgina web amb vibe coding sense saber programar?Sí. De fet, aquesta és la gràcia. Arribaràs més lluny si saps què vols que digui el lloc, i una eina que et deixi editar fent clic t'estalvia haver de llegir el codi quan hi ha algun detall que no quadra.
Crear una pàgina web amb vibe coding és gratis?Crear-la normalment sí, fins a un límit de prompts. Posar el lloc en línia al teu propi domini costa diners a totes les plataformes, tant si en diuen allotjament com pla o subscripció. A LINJERUM Studio la crees gratis i pagues quan la publiques.
Una pàgina web feta amb vibe coding és bona per al SEO?Pot ser-ho. Als cercadors no els importa com s'ha escrit el codi. Els importa que la pàgina es carregui de pressa, que tingui un títol i una descripció clars i que respongui el que la gent busca. Comprova aquestes tres coses abans de publicar.
Quina és la millor eina per crear una pàgina web amb IA?Per a una aplicació amb inicis de sessió i una base de dades, una eina general de codi com Lovable o Replit. Per a la pàgina web d'un negoci, un creador de webs amb IA, perquè l'allotjament, el domini i l'edició ja estan resolts.
