Landing page MVP in 2 ore: v0 vs Lovable vs Bolt (test pratico)

Lovable.dev — e qui parlo del visual AI builder, non del brand di lingerie italiana omonimo — è uno dei tre tool che ti permettono di avere una landing page online in una sessione di lavoro. Insieme a v0 di Vercel e a Bolt.new di StackBlitz, forma la triade degli AI builder più usati oggi per costruire interfacce da un prompt. Se hai un'idea da validare e vuoi una pagina live prima di toccare una riga di codice manuale, questi tre tool sono il punto di partenza. Ma non sono uguali, e scegliere quello sbagliato ti costa 1-2 ore di lavoro inutile. Questo articolo è il test pratico che non vuole venderti nessuno dei tre: trovi timing reali, pro e contro verificati, e un vincitore netto per il caso d'uso specifico — landing page MVP standalone.

Executive Summary

• Tool testati: v0 (Vercel), Lovable.dev, Bolt.new (StackBlitz)
• Tempi realistici: 90-120 min per builder con brief già definito; 180-240 min per primo utilizzo o founder non-dev
• Vincitore landing page standalone: Lovable — miglior equilibrio tra velocità, deploy autonomo e completezza
• v0: ottimo se hai già un progetto Next.js, non funziona bene da solo senza assembly manuale
• Bolt: potente ma over-engineered per una semplice landing — genera scaffolding backend che non ti serve
• Limite comune a tutti e tre: generano SPA (Single Page Application) — SEO nativo quasi assente, serve un passaggio extra per chi punta al ranking

Cosa sono v0, Lovable e Bolt (e perché tre tool e non uno)

Tutti e tre generano codice reale da un prompt in linguaggio naturale. Non sono mockup, non sono template drag-and-drop: scrivi una descrizione della tua landing page, loro producono React + Tailwind funzionante in meno di due minuti. Eppure il positioning di ciascuno è diverso, e quella differenza diventa concreta nel momento in cui vuoi deployare.

v0 (Vercel)[1] è nato come generatore di componenti React. Produce il codice più pulito dei tre — TypeScript rigoroso, shadcn/ui, best practice Vercel — ma si ferma lì: nessun backend, nessun deploy autonomo, nessun form handler integrato. Per avere una landing page live devi assemblare i componenti, configurare un progetto Next.js e deployare su Vercel separatamente.

Lovable.dev[3] — la piattaforma che si chiamava GPT Engineer — punta a essere un ambiente full-stack con hosting built-in. Dal prompt al link pubblico avviene tutto dentro la piattaforma, senza toccare un terminale. Il backend è Supabase sotto il cofano, il deploy è one-click, il dominio custom si configura in cinque minuti dal piano Pro.

Bolt.new (StackBlitz)[6] è l'ambiente di sviluppo completo nel browser. Installa npm packages, esegue Node.js, supporta React, Next.js, Vue e Svelte nello stesso tool. È il più potente dei tre tecnicamente, ma quella potenza si paga in complessità: per una landing semplice genera automaticamente scaffolding backend che non hai richiesto, consumando token che potevi risparmiare.

La scelta dipende da dove sei adesso: hai già un progetto Next.js? v0. Vuoi un URL live oggi senza toccare terminale? Lovable. Prevedi di costruire un SaaS completo subito dopo la landing? Bolt.

Lovable.dev: il vincitore per landing page MVP

Questa è la conclusione che la maggior parte dei tutorial evita di dare esplicitamente, perché Bolt ha più feature totali e v0 produce codice più elegante. Ma per il caso d'uso specifico — landing page standalone con form di raccolta email e deploy autonomo — Lovable vince sui tempi reali.

Il test condotto da lumberjack.so nel febbraio 2026[8] confronta i tre tool su una landing page completa: Lovable ha completato in 3 ore, Bolt in 4 ore. v0 non è comparabile direttamente perché richiede assembly manuale post-generazione che dipende dall'esperienza del developer.

Pricing 2026[5]

Un credito Lovable corrisponde a un'iterazione completa, non a token grezzi. Sul free tier, 5 crediti al giorno bastano per un primo draft + 2-3 refinement in una sessione singola.

Il motivo per cui Lovable funziona meglio per landing MVP si riduce a tre punti: il deploy avviene in automatico su lovable.app dal primo prompt, il backend Supabase è già pronto se aggiungi un form, e il form handler Resend si integra con un App Connector nativo[4] senza scrivere una riga di codice di integrazione. Per un founder non-dev o un builder che non vuole gestire infrastruttura, questo elimina i tre passaggi più lenti dell'intero workflow.

Il contro principale è il lock-in: framework React + Vite unico (nessun Next.js), backend accoppiato a Supabase via Lovable Cloud, e un primo output che tende a over-animare. Il primo prompt produce spesso troppe transizioni e troppi effetti visivi — aggiungi sempre "minimal interactions, clean design" al prompt iniziale e risparmia un ciclo di refinement.

Il badge "Made with Lovable" appare sui siti free: piccolo impatto sull'immagine per una landing di validazione pre-MVP, ma vale saperlo prima.

v0 (Vercel): il migliore se hai già Next.js

v0 è il tool corretto quando non stai costruendo una landing da zero ma stai aggiungendo una pagina a un progetto Next.js esistente. In quel contesto, la qualità del codice che produce non ha paragoni tra i tre: TypeScript pulito, componenti riusabili, import corretti per shadcn/ui, nessun codice ridondante.

Pricing 2026[2]

I modelli disponibili hanno costi differenti: v0 Mini ($1/M token input, $5/M output), v0 Pro ($3/$15), v0 Max ($5/$25). Il free tier da $5 copre una sessione di 3-4 iterazioni con il modello Mini senza arrivare a zero.

Il problema di v0 come tool standalone per landing page è concreto: non ha backend integrato, il form handler richiede integrazione manuale con Resend o Formspree, e il deploy su Vercel richiede configurazione di un progetto separato anche se l'integrazione con l'ecosistema Vercel è la più fluida possibile una volta che quel setup è fatto. Un founder non-dev che parte da zero si trova davanti a passaggi che v0 non gestisce.

Il Figma import (piano Premium) è un vantaggio reale se hai già un mockup: importi il file, v0 genera il codice corrispondente, salti la fase di descrizione visiva nel prompt. Per chi ha già un brand definito con design system, questo riduce i cicli di refinement visivo.

La regola pratica: se hai già un repo Next.js e vuoi aggiungere una landing o una sezione, v0 è il tool migliore dei tre. Se parti da zero e vuoi un URL live senza assembly manuale, passa a Lovable.

Bolt.new: full-stack nel browser, overhead per landing semplice

Bolt.new è l'ambiente di sviluppo più potente dei tre. Installa npm packages reali, esegue Node.js nel browser via WebContainers, supporta quattro framework diversi (React, Next.js, Vue, Svelte) e gestisce backend, auth e database in modo autonomo. Per un prototipo full-stack con login, database e API route, è il tool più rapido.

Per una landing page MVP, quella stessa potenza diventa un problema.

Pricing 2026[7]

Il consumo token di Bolt è aggressivo (stima empirica dalle community builder, varia per complessità prompt e numero iterazioni). Sul free tier (300K/giorno), una sessione intensiva esaurisce facilmente il budget giornaliero prima della fine. Per una landing semplice i token bastano, ma Bolt tende a generare scaffolding backend — route API, schema database, configurazione auth — anche quando hai chiesto solo HTML e CSS. Quel comportamento consuma token che non producono output utile per il tuo obiettivo.

Il test di coffeebytes.dev[11] conferma che Bolt produce output visivamente buono al primo prompt, ma richiede più iterazioni di Lovable per eliminare il codice backend non richiesto da una landing standalone.

Quando scegliere Bolt: se sai già che dopo la landing vuoi costruire l'app completa senza cambiare tool. In quel caso, avere già il progetto Bolt impostato con Node.js, framework e deploy su Netlify ti risparmia un context switch quando aggiungi auth, database e API.

Confronto strutturato: tabella decisionale

Workflow operativo "2 ore" (con timing onesti)

Prima di entrare negli step, la premessa che ogni tutorial omette: le 2 ore sono realistiche solo se hai già tre cose pronte — una value proposition scritta in due frasi, un'idea delle sezioni che vuoi (hero, features, social proof, CTA) e i colori HEX del tuo brand. Senza questi input, la prima ora se ne va a definire cosa vuoi comunicare, non a costruire. Per un primo utilizzo assoluto, stima 3-4 ore senza sorprese.

Il workflow che segue usa Lovable come tool principale, perché è il percorso più lineare dalla landing al deploy. I passaggi trasferibili a v0 e Bolt sono indicati dove differiscono.

Step 1 — Definisci il brief (15 min, prima di aprire il tool)

Scrivi il prompt iniziale su carta o in un doc separato, non direttamente nella UI. La struttura che funziona meglio[10]:

"Crea una landing page per [prodotto] che [value prop in una frase]. Target: [chi]. Sezioni: hero con CTA principale, [3-4 sezioni specifiche], footer. Design: [stile], colori primari #[HEX1] e #[HEX2]. Minimal interactions, clean design. Mobile-first. CTA principale: [email signup / demo request]."

Includi i colori HEX nel prompt. Risparmia un ciclo di refinement. Definisci la CTA prima di iniziare: form email, link Calendly, download PDF — ciascuna richiede un'integrazione diversa.

Step 2 — Generazione primo draft (30 min)

Su Lovable: incolla il prompt, attendi circa 60 secondi, ottieni un deploy automatico su sottodominio lovable.app. Il link è già condivisibile da questo momento. Su v0: ottieni componenti React che devi assemblare. Su Bolt: ottieni un progetto completo in 2-3 minuti deployato su bolt.run (link temporaneo) o Netlify.

Il primo output è generalmente al 70-80% di quello che vuoi. Pianifica 3-5 cicli di refinement — è normale e fa parte del processo.

Step 3 — Refinement visivo (45 min)

Tre prompt di refinement che funzionano in modo affidabile:

• "Rendi l'hero più pulito. Rimuovi le animazioni. Aumenta il contrasto del testo sul background."
• "Cambia palette: [HEX primario] come colore principale, [HEX secondario] per i pulsanti CTA."
• "Sezione testimonial: 3 card con placeholder di testo modificabile. Layout a griglia, no caroselli."

Su Lovable, il Design Mode permette edit visuale diretto sull'anteprima — più veloce che ripromptare per piccoli aggiustamenti. Su v0, ogni componente ha il suo Design Mode individuale.

Step 4 — Form + analytics (15 min)

Per la raccolta email su Lovable: chiedi "Integra Resend per il form email tramite App Connector" — la piattaforma gestisce tutto senza API key manuale. Su v0 e Bolt, il prompt genera il codice ma devi aggiungere tu la chiave API nelle variabili d'ambiente. Alternativa zero configurazione per tutti e tre: Formspree, che funziona con un semplice endpoint HTML senza backend.

Per analytics: Plausible richiede un snippet nell'<head> — Lovable lo gestisce via prompt. PostHog è disponibile come Chat Connector nativo su Lovable[4]; su v0 e Bolt serve un prompt più specifico.

Step 5 — Deploy (15 min)

Lovable è già live dal momento del primo prompt. Per dominio custom: Settings → Custom Domains (piano Pro, 5 minuti). Bolt deploya su Netlify con un click — per dominio custom serve configurazione DNS con record CNAME. v0 deploya su Vercel — per dominio custom, Dashboard Vercel → Settings → Domains.

Tieni conto che la propagazione DNS per un dominio custom non è controllabile: da 5 minuti a 24 ore, indipendentemente dal tool scelto.

Totale stimato per builder con brief già definito: ~120 minuti. Totale per primo utilizzo o founder non-dev: 180-240 minuti.

Il problema SEO che i tutorial non dicono

Tutti e tre i tool generano SPA — Single Page Application. Questo significa che Googlebot riceve una pagina HTML vuota: il contenuto viene renderizzato da JavaScript nel browser del visitatore, non nel server. Il risultato pratico[9]: nessun metatag per default (og:title, og:description, og:image visibili sui link preview di LinkedIn e WhatsApp), Lighthouse score tipico tra 40 e 70, First Contentful Paint di 2-4 secondi contro meno di 0.5 secondi di un sito statico ottimizzato.

v0 è un'eccezione parziale: genera componenti Next.js che supportano SSR (Server Side Rendering) e SSG (Static Site Generation) nativamente, ma solo se il developer configura correttamente route e metatag. Non avviene in automatico. Un founder non-tecnico che usa v0 si trova di fronte allo stesso problema degli altri.

L'unica soluzione documentata e verificata in produzione con Lighthouse 100 è lo stack Lovable + GitHub + Playwright SSG + Vercel[9] — configurazione avanzata, fuori portata in 2 ore.

La domanda pratica è: hai bisogno di SEO sulla landing nelle prime settimane? Se stai validando una proposta di valore con traffico diretto, paid ads o link condivisi manualmente, la risposta è no. Il ranking organico su Google è un obiettivo di medio termine, non di validazione rapida. Per una landing pre-MVP, la SPA è accettabile. Per una landing che punti a traffico organico stabile, pianifica la migrazione a Next.js dopo aver validato il messaggio con le prime 50-100 email raccolte (il volume minimo per confermare che il copy funziona, prima di investire ore in SSR/SSG).

Quando scegliere Cursor, Claude Code o Webflow al posto di Lovable/v0/Bolt

I tre tool sopra hanno limiti precisi. Se ti scontri con uno di questi, vai su un'alternativa specifica — non sprecare ore a forzare il tool sbagliato.

Scegli Cursor + Next.js manuale quando ti serve ownership totale sul codice generato, SEO server-side configurato da zero e nessun limite di crediti/token. Tipico: stai per chiudere round seed e vuoi una landing che ti porta in top 3 SERP su una keyword specifica nei prossimi 6 mesi. Cost: 4-6 ore vs 2 dei visual builder, ma il codice è production-grade dal giorno uno.

Scegli Claude Code quando lavori già da terminale e vuoi integrare la landing nel contesto di un progetto esistente — stessa codebase, MCP tool, contesto lungo. Tipico: hai un SaaS in dev e aggiungi una landing pre-product per validazione parallela. Skippi context-switch tra IDE e browser visual builder.

Scegli Webflow quando non toccherai mai codice (founder pure marketer) e SEO è priorità #1 nei prossimi 12+ mesi. Tipico: B2B SaaS con ciclo vendita lungo dove il ranking organico è il canale primario di acquisizione. L'editor genera HTML statico con metatag completi, Lighthouse score out-of-the-box batte qualsiasi SPA. Costo: 1-2 settimane curva apprendimento, pricing da $23/mese, output non esportabile come codice.

Cosa fare con questo confronto

Tre anni fa sceglieresti tra Webflow e "assumo un developer". Oggi hai tre tool che generano codice reale da un prompt in meno di due minuti. La scelta tra v0, Lovable e Bolt non è banale, ma segue una logica precisa basata su dove sei e dove vuoi arrivare.

Se sei un builder indie con esperienza React: usa v0 se hai un progetto Next.js esistente a cui aggiungere una landing — ottieni il codice più pulito dei tre, importabile direttamente. Usa Lovable se stai partendo da zero e vuoi un URL live oggi senza assembly manuale. Usa Bolt solo se sai già che dopo la landing costruirai un SaaS completo nello stesso tool.

Se sei un founder seed non-dev: parti da Lovable senza esitazione. È il tool con meno friction dal prompt al link condivisibile. Evita Bolt per ora — i concetti di backend routes e database migration rallentano il workflow se non sei a tuo agio con quei livelli dello stack. v0 richiede assembly manuale che presuppone familiarità con Next.js.

Chiudo con tre osservazioni operative che riassumono il workflow. Il brief prima del tool è lo step zero, sempre: apri Notion o carta e scrivi value proposition, sezioni e colori HEX prima di toccare l'UI — risparmia circa il 30% del tempo di refinement, perché evita le iterazioni esplorative che consumano crediti senza convergere. Le "2 ore" del titolo sono realistiche solo se quel brief esiste già: al primo utilizzo, stima il doppio del tempo senza ansie, è la curva di apprendimento normale del prompt design, non un fallimento del tool. Infine, ricorda che tutti e tre generano SPA: per validazione rapida va benissimo, ma per traffico organico stabile pianifica la migrazione a Next.js dopo aver validato il messaggio con le prime 50-100 email raccolte.

Tool builder, release, prompt pattern — ogni martedì

Ogni settimana la newsletter di Startup Mentors Italia copre i tool builder più rilevanti per founder e indie italiani — nuove release di v0/Lovable/Bolt/Cursor/Claude Code, prompt pattern che funzionano, casi d'uso reali dai builder europei e internazionali. Niente hype, solo ciò che funziona in produzione.

Gratuita. Cancelli con un click. Iscriviti su startupmentors.it

Se hai già la landing e vuoi costruire il prodotto vero, il percorso naturale è l'articolo su MVP AI-native: costruisci in 2 settimane — che copre la fase successiva, da landing validata a prodotto funzionante.

Articoli e video correlati

Articoli SMI correlati:

• MVP AI-native: cosa cambia nel 2026 — il parent: da landing validata a prodotto in 2 settimane
• 5 comandi Claude Code per indie founder — stack alternativo per builder da terminale (GF5)
• Micro-SaaS: 5 idee da €1K MRR in Italia — dove mettere la landing dopo la validazione (GF6)

Video correlati:

• Elena Verna — Growth Playbooks con Lovable — Lovable usato su prodotto reale
• Forrester Knight — Come costruire un MVP nel modo giusto — metodologia MVP
• Claude Code Tutorial per principianti — stack alternativo

Fonti

1. v0 by Vercel — Documentazione ufficiale: https://v0.app/docs
2. v0 by Vercel — Pricing ufficiale 2026: https://v0.app/docs/pricing
3. Lovable — Documentazione ufficiale Welcome: https://docs.lovable.dev/introduction/welcome
4. Lovable — Integrations / App Connectors: https://docs.lovable.dev/integrations/introduction
5. Lovable — Pricing ufficiale 2026: https://lovable.dev/pricing
6. Bolt (StackBlitz) — Homepage ufficiale: https://bolt.new
7. Bolt (StackBlitz) — Pricing ufficiale 2026: https://bolt.new/pricing
8. Lumberjack.so — "Lovable vs Bolt vs v0 AI App Builders Compared" (feb 2026): https://lumberjack.so/lovable-vs-bolt-vs-v0-ai-app-builders-compared/
9. Till Freitag — "Vibe Coding & SEO Guide" (apr 2026): https://till-freitag.com/en/blog/vibe-coding-seo-guide-en
10. Till Freitag — "Lovable vs Bolt vs v0" (feb 2026): https://till-freitag.com/en/blog/lovable-vs-bolt-vs-v0-en
11. CoffeeBytes — "My Bolt vs Lovable vs v0 Vercel Comparison" (agg. mag 2026): https://coffeebytes.dev/en/artificial-intelligence/my-bolt-vs-lovable-vs-v0-vercel-comparison/